CSS Gradient Generátor
Liner, radiális és konikus CSS gradienseket hoz létre a böngészőben.
színes megállás
A megálló kézikönyveket vagy billentyűzetes lapokat használja a pozíciók szerkesztésére. Minden megálló egyértelmű színt, átláthatóságot és százalékot tartalmaz.
Webes-népi helyi feldolgozás
A gradient marad ebben a böngészőben. Nincs szín vagy generált CSS küldeni Convertr.
Korlátozott import nyelvtan
Az import elfogadja a lineáris gradiens(), radiális gradient(), vagy konikus gradients(), ha a hex színek és százalékok. nyilatkozatok, URL-k, változók és ismeretlen funkciók helyileg elutasítják.
Elérhető Fallback
A generált CSS egy szilárd háttérszínes visszafordítást tartalmaz, valamint a nem támogatott renderek és hozzáférhető vezérlő króm gradiensével.
Gyakran ismételt kérdések
Fel van töltve a gradient?
Nem. A gradient állapot, a színek, az importált CSS és a generált CSS marad a böngészőben.
Milyen CSS gradient típusokat támogatnak?
A generátor lineáris gradiens(), radiális gradient(), és konikus gradients() kimenetelét hozza létre több hex színállomással.
Mit importálhatunk?
Az import egy szándékosan korlátozott grammárat fogad el, amely egyetlen támogatott gradiens funkciót, hex színeket, opcionális százalékokat és korlátozott sarok vagy pozícióértékeket használ.
Kapcsolódó fejlesztők és tervezési eszközök
CSS Gradient Generátor
Linerális vagy radiális CSS gradienseket épít, és előre látható színállomásokat, szögeket, pozíciókat és ismétléseket.
- Bemenet
- Gradient típus, színállomások, pozíciók, szögek és ismétlődő beállítások.
- Kimenet
- élő előzetes és másolható CSS háttér nyilatkozat.
- Valódi korlátozások
- A böngésző renderelés kissé eltérhet a motor, és az eszköz nem értékel kontrasztot vagy garantálja támogatást örökletes böngők.
- Adatvédelem és adatkezelés
- gradient típus, színállomások, pozíciók, szögek és ismétlődő beállítások feldolgozása ebben a böngésző lapban. konverter nem kapja meg vagy tárolja; bezárása vagy újratöltése az oldalon tisztítja a működési állapot, kivéve, ha az eszköz kifejezetten helyi letöltést kínál.
Hogyan használjuk ezt az eszközt
- Adja meg a gradient típus, színállomások, pozíciók, szögek, és ismételje beállításokat az eszköz vezérlők.
- Válassza ki azokat a beállításokat, amelyek egy élő előzetes és másolható CSS háttér nyilatkozatot érintenek, majd futtatja az eszközt.
- A CSS háttérnyilatkozat áttekintése és másolása előtt a Live Preview vagy a CSS Background nyilatkozat felülvizsgálata.
Gyakori hibák
A hiányzó színállomás, a nem megfelelő szín vagy az összeegyeztethetetlen helyzet megakadályozza a érvényes CSS nyilatkozat létrehozását.
Gyakorlati példa
Hozzon létre egy 90 fokos lineáris gradient #111827 0%-on a #f59e0b 100%-on, és másolja a nyilatkozatot.