CSS Gradient generátor
Vytvorte lineárne, radiálne a konické CSS gradienty vo vašom prehliadači.
Farebné stopy
Použite stopové rukoväte alebo klávesové šípy na úpravu pozícií.Každá stopová časť obsahuje explicitnú farbu, opacitu a percentuálny podiel.
Native-Native lokálne spracovanie
Váš gradient zostáva v tomto prehliadači. žiadne farby alebo generované CSS nie sú odoslané na Converter.
Obmedzená importná gramotnosť
Import akceptuje lineárne gradient(), radiálne gradiant(), alebo konický gradients(), s hex farbami a percentomi.
Dostupný Fallback
Generovaný CSS obsahuje pevný pozadie farebný padák vedľa gradient pre nepodporované rendery a prístupný ovládací chróm.
Často kladené otázky
Je môj gradient nahraný?
No. Gradient stav, farby, importované CSS a generované CSS zostávajú vo vašom prehliadači.
Ktoré typy CSS gradientov sú podporované?
Generátor vytvára lineárne gradient(), radiálne gradiant(), a konické gradienty(), s viacerými hex farebnými stopami.
Čo môžem dovozovať?
Import akceptuje úmyselne obmedzenú grammar pomocou jednej podporovanej gradientovej funkcie, hex farby, voliteľné percento a obmedzené uhlové alebo polohy hodnoty.
Súvisiace vývojárske a dizajnové nástroje
CSS Gradient generátor
Vytvorte lineárne alebo radiálne CSS gradienty a predvídajte farebné stopy, uhl, polohu a opakovanie.
- Vstup
- Typ gradient, farebné zastávky, polohy, uhly a opakované nastavenia.
- Výstup
- živý prehľad a kopírovaná CSS základy vyhlásenie.
- Skutočné obmedzenia
- Prehľadávač renderovanie sa môže mierne líšiť podľa motora, a nástroj nehodnotí kontrast alebo záruku podpory v dedičných prehliadačov.
- Súkromie a spracovanie údajov
- typ gradient, farebné zastávky, pozície, uhly a opakovanie nastavenia sa spracúvajú v tejto tabuľke prehliadača. konvertor ho nedostáva alebo ukladá; zatváranie alebo prekladanie stránky vyjasňuje stav práce, pokiaľ nástroj výslovne ponúka lokálne stiahnutie.
Ako používať tento nástroj
- Poskytnite typ gradient, farebné zastávky, pozície, uhly a opakované nastavenia v ovládacích prvkoch nástroja.
- Vyberte nastavenia, ktoré ovplyvňujú živý prehľad a kopírovanú CSS záverovú deklaráciu, potom spustite nástroj.
- Preskúmajte živý prehľad a kopírovanú CSS základy predtým, než ju kopírujete alebo stiahnete.
Spoločný spôsob zlyhania
Chýbajúca farebná prestávka, neplatná farba alebo nezlučiteľná 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 vyhlásenie.