CSS gradiens generátor

Készítsen lineáris, radiális és kúpos színátmeneteket élő előnézettel és másolásra kész CSS-sel. Állítsa be az ütközőket, szögeket és alakzatokat – majd illessze be stíluslapjába.

CSS Gradient Generator

Live

Type

Angle135°

Stop 1

Stop 2

Third color stopStop 3

CSS output

background: linear-gradient(135deg, #c026d3 0%, #fb923c 50%, #f43f5e 100%);

Key capabilities

Készítsen lineáris, radiális és kúpos színátmeneteket élő előnézettel és másolásra kész CSS-sel.
A böngészőben fut
Ingyenesen használható

Használati útmutató

Válassza ki a színátmenet típusát és szögét vagy pozícióját.
Színmegállók hozzáadása vagy szerkesztése.
Másolja a generált CSS-t.

How this tool works

Válassza ki a színátmenet típusát és szögét vagy pozícióját.
Színmegállók hozzáadása vagy szerkesztése.
Másolja a generált CSS-t.

Recommended settings

Először használja az alapértelmezett beállításokat, majd módosítsa, ha szükséges

Supported formats

Text / on-page input

File size and limits

A nagyon összetett többrétegű előnézetek lassabbnak tűnhetnek a régebbi telefonokon.

Privacy

A szín- és CSS-generátorok teljes egészében az Ön böngészőjében futnak. Az előnézetek és a konverziók soha nem töltik fel a stílusokat.

Common use cases

Használja a CSS Gradient Generatort, amikor csak szüksége van rá: Készítsen lineáris, radiális és kúpos színátmeneteket élő előnézettel és másolásra kész CSS-sel.

Troubleshooting

Az előnézet beillesztés után másképp néz ki

Ellenőrizze, hogy az oldalon található-e versengő CSS (visszaállítások, örökölt színek). Először másolja át a generált szabályt egy elszigetelt stíluslapba.

GYIK

Ez feltölti a CSS-emet?

Nem. A generátorok és konverterek élő előnézettel futnak a böngészőben.

Szükségem van fiókra?

Nem. Nyissa meg az eszközt, módosítsa a vezérlőket, és másolja a CSS-t.