CSS Gradient generátor
Vytvorte lineárne, radiálne a kužeľové CSS gradienty vo vašom prehliadači.
Farebné zastavenia
Použite úchyty zastavení alebo klávesové šípky na úpravu pozícií. Každé zastavenie obsahuje explicitnú farbu, nepriehľadnosť a percento.
Natívne lokálne spracovanie v prehliadači
Váš gradient zostáva v tomto prehliadači. Žiadne farby alebo vygenerované CSS nie sú odoslané na Convertr.
Obmedzená importná gramatika
Import akceptuje linear-gradient(), radial-gradient() alebo conic-gradient() s hex farbami a percentami. Deklarácie, URL, premenné a neznáme funkcie sú lokálne odmietnuté.
Dostupný záložný režim
Vygenerované CSS obsahuje pevnú záložnú farbu pozadia popri gradiente pre nepodporované vykresľovače a prístupný ovládací prvok.
Často kladené otázky
Je môj gradient nahraný?
Nie. Stav gradientu, farby, importované CSS a vygenerované CSS zostávajú vo vašom prehliadači.
Ktoré typy CSS gradientov sú podporované?
Generátor vytvára výstup linear-gradient(), radial-gradient() a conic-gradient() s viacerými hex farebnými zastaveniami.
Čo môžem importovať?
Import akceptuje zámerne obmedzenú gramatiku pomocou jednej podporovanej gradientovej funkcie, hex farieb, voliteľných percent a obmedzených hodnôt uhla alebo polohy.
Súvisiace vývojárske a dizajnové nástroje
CSS Gradient generátor
Vytvorte lineárne alebo radiálne CSS gradienty a zobrazte farebné zarážky, uhol, polohu a opakovanie.
- Vstup
- Typ gradientu, farby zastavenia, polohy, uhol a nastavenia opakovania.
- Výstup
- živý náhľad a kopírovateľné CSS deklarácie pozadia.
- Skutočné obmedzenia
- Vykreslenie prehliadača sa môže mierne líšiť podľa motora a nástroj nehodnotí kontrast ani nezaručuje podporu v starších prehliadačoch.
- Súkromie a spracovanie údajov
- typ prechodu, farby zastávok, pozície, uhol a nastavenia opakovania sa spracúvajú v tejto karte prehliadača. Convertr ich neprijíma ani neukladá; zatvorenie alebo obnovenie stránky vymaže pracovný stav, pokiaľ nástroj výslovne neponúka lokálne stiahnutie.
Ako používať tento nástroj
- Poskytnite typ gradientu, farebné zastávky, pozície, uhol a nastavenia opakovania v ovládacích prvkoch nástroja.
- Vyberte nastavenia, ktoré ovplyvňujú živý náhľad a kopírovateľnú CSS deklaráciu pozadia, potom spustite nástroj.
- Preskúmajte živý náhľad a kopírovateľné CSS deklarácie pozadia predtým, než ich skopírujete alebo stiahnete.
Bežné režimy zlyhania
Chýbajúca farba na prechode, neplatná farba alebo nekompatibilná poloha bráni vytvoreniu platnej CSS deklarácie.
Užitočný príklad
Vytvorte 90-stupňový lineárny gradient od #111827 na 0% do #f59e0b na 100% a skopírujte deklaráciu.