CSS gradient generator
Skab lineære, radiale og koniske CSS gradier i din browser.
Farve stopper
Brug stop handlinger eller tastaturstråler til at redigere positioner. Hver stop indeholder en eksplisit farve, opacitet og procentdel.
Browser-native lokal behandling
Din gradant forbliver i denne browser. Ingen farver eller genererede CSS sendes til Converter.
Begrænset importgramm
Import accepterer lineær gradant(), radial gradant() eller konisk gradant () med hex farver og procentdeler. erklæringer, URL'er, variabler og ukendte funktioner afvises lokalt.
Tilgængelig faldback
Den genererede CSS indeholder en solid baggrundsfarvet faldback sammen med gradienten for ustøttede renderere og tilgængelig kontrolkrom.
Ofte stillede spørgsmål
Er min gradient ophobet?
Gradient status, farver, importeret CSS og genereret CSS opholder sig i din browser.
Hvilke CSS-gradienttyper støttes?
Generatoren skaber lineær-gradient(), radial-gradent() og conic-gradyent() udgang med flere hex farve stopper.
Hvad kan jeg importere?
Import accepterer en delvist begrænset grammatikk ved hjælp af en støttet gradientfunktion, hex farver, valgfrie procentdeler og begrænder angivenhed eller position værdier.
CSS gradient generator
Byg lineære eller radiale CSS gradier og forudsige farve stops, hjørne, positioner og gentagelser.
- Indtastning
- Gradient type, farve stopper, positioner, hjørne og gentagne indstillinger.
- Udgang
- En live forudsigelse og kopibar CSS baggrund erklæring.
- Virkelige begrænsninger
- Browser rendering kan variere lidt af motor, og værktøjet vurderer ikke kontrast eller garanterer support i arvede browsere.
- Privatliv og databehandling
- gradient type, farve stops, positioner, vinkler og gentagne indstillinger behandles i denne browser-tab. Converter modtager eller gemmer det; lukning eller omladning af siden renses den arbejdsstand, medmindre værktøjet udtrykkeligt tilbyder en lokal download.
Hvordan man bruger dette værktøj
- Giv gradienttype, farve stopper, positioner, vinkler og gentagne indstillinger i værktøjskontroller.
- Vælg de indstillinger, der påvirker en live forudsigt og kopibar CSS baggrundsdeklaration, derefter køre værktøjet.
- Overvej en live forudsigelse og kopibar CSS baggrundsforklaring, før du kopierer eller downloader den.
Vanlige fejlmoder
En manglende farve stop, invalid farve eller uforenelig position forhindrer en gyldig CSS-erklæring fra at blive oprettet.
Nyttig eksempel
Skab en 90 graders lineær gradient fra #111827 til 0% til #f59e0b til 100% og kopi deklarationen.