CSS-gradiens generátor
Lineáris, radiális és kúpos CSS-gradiensek létrehozása a böngészőben.
Színmegállók
Használja a megálló fogantyúit vagy a billentyűzet nyilait a pozíciók szerkesztéséhez. Minden megálló tartalmaz egy explicit színt, átlátszatlanságot és százalékot.
Böngészőben natív helyi feldolgozás
A gradiens ebben a böngészőben marad. Semmilyen szín vagy generált CSS nem kerül elküldésre a Convertr részére.
Korlátozott importálási nyelvtan
Az importálás elfogadja a linear-gradient(), radial-gradient() vagy conic-gradient() függvényeket hex színekkel és százalékokkal. Deklarációk, URL-ek, változók és ismeretlen függvények helyben elutasításra kerülnek.
Elérhető tartalék
A generált CSS egy egyszínű háttérszín-tartalékot is tartalmaz a gradiens mellett a nem támogatott renderelők és a hozzáférhető vezérlőfelület számára.
Gyakran ismételt kérdések
Fel van töltve a gradiensem?
Nem. A gradiens állapota, színei, importált CSS-e és generált CSS-e a böngészőjében marad.
Mely CSS-gradiens típusok támogatottak?
A generátor linear-gradient(), radial-gradient() és conic-gradient() kimenetet hoz létre több hex színmegállóval.
Mit importálhatok?
Az importálás egy szándékosan korlátozott nyelvtant fogad el, amely egyetlen támogatott gradiensfüggvényt, hex színeket, opcionális százalékokat és korlátozott szög- vagy pozícióértékeket használ.
Kapcsolódó fejlesztői és tervezői eszközök
CSS-gradiens generátor
Lineáris vagy radiális CSS gradiensek építése és színmegállók, szög, pozíció és ismétlés előnézete.
- Bemenet
- Gradiens típus, színállomások, pozíciók, szög és ismétlés beállítások.
- Kimenet
- élő előnézet és másolható CSS háttér-deklaráció.
- Valódi korlátozások
- A böngésző megjelenítése kissé eltérhet a motor szerint, és az eszköz nem értékeli a kontrasztot vagy garantálja a támogatást régebbi böngészőkben.
- 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 gradiens típusát, színállomásait, pozícióit, szögét és ismétlési beállításait az eszköz vezérlőiben.
- Válassza ki azokat a beállításokat, amelyek egy élő előnézetet és másolható CSS-háttér deklarációt érintenek, majd futtassa 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ínmegálló, érvénytelen szín vagy összeférhetetlen pozíció megakadályozza egy érvényes CSS deklaráció létrehozását.
Gyakorlati példa
Hozzon létre egy 90 fokos lineáris gradienst #111827 0%-tól #f59e0b 100%-ig, és másolja a deklarációt.