CSS-overgangsgenerator
Byg CSS-overgange visuelt: lineær, radial eller konisk type, vinkelskyder og op til seks farvestop med en live fuldbrede forhåndsvisning og kopierbar kode.
🔒 Behandles helt i din browser - intet, du indtaster her, bliver nogensinde uploadet.
Resultat
At skrive linear-gradient(135deg, #2193b0 0%, #6dd5ed 100%) i hånden og genindlæse siden for at se det er en langsom cyklus. Denne generator lukker den: vælg lineær, radial eller konisk, træk i vinkelskyderen, indstil hvert farvestop med en indbygget farvevælger og en procentsats – og den fuldbrede forhåndsvisning genoptegnes ved hver eneste indtastning, mens den færdige baggrundslinje altid er klar til at kopiere.
De tre overgangstyper dækker forskellige opgaver. Lineære overgange falmer langs en retning og bærer de fleste hero-sektioner og knapper; radiale overgange stråler fra centrum til gløder og vignetter; koniske overgange fejer rundt om centrum og driver lagkagediagrammer og farvehjul. Du kan skifte type når som helst – dine stop følger med, så det tager sekunder at sammenligne de tre.
Op til seks farvestop giver dig plads til flerbåndsdesigns, og præsiderne leverer gennemprøvede kombinationer – en varm solnedgang, et roligt hav og et blødt pastelpar – som udgangspunkter, du kan finjustere, snarere end tomme lærreder. Bemærk arbejdsfordelingen: farvepaletgeneratoren på dette websted udvælger harmoniske flade farver, og farveformatkonverteringsværktøjet oversætter en værdi mellem HEX, RGB og HSL, mens dette værktøj gør noget andet – det omsætter valgte farver til færdig CSS-overgangskode.
Alt kører lokalt i din browser: ingen upload, ingen konto, ingen serverrundture, og generatoren fungerer offline, når den først er indlæst.