Nejlepší zdarma CSS Generátor Gradient
Vybudovat lineární a radiální CSS gradienty s živým náhledem?Zkopírovat kód pozadí.
100% zdarma
Žádné přihlášení
Žádné vodoznaky.
Soubory zpracované v paměti, nikdy neuložené
✨
Go Pro pro nejlepší modely AI? obraz, video a chat? plus větší nahrávání, priorita ve frontě a žádné čekání.
Upgrade na Pro
Láska best.free? Poděl se o to.
Jak to funguje
- Vyberte typ. Vyberte lineární nebo radiální a nastavte úhel pro lineární gradient.
- Vyberte si barvy a zastavte. Nastavte dvě nebo více barev a jejich polohy; přidejte třetí zastávku v Pokročilých možnostech.
- Kopírovat CSS. Hit Kopírovat CSS a vložit gradient pozadí do svého stylového listu.
O tomto nástroji
Vybudujte si gradient CSS podle očí místo editačních hodnot slepý. Přepínač mezi lineární a radiální, přetáhněte úhel pro lineární gradient, a vyberte barvy a pozice pro nejméně dvě zastávky, zatímco celošířkový náhled bar aktualizace žít. Zkopírujte výsledný objekt pozadí přímo do svého stylového listu. Pokročilé možnosti přidat třetí barevnou stopku pro bohatší směsi a nechat si vybrat kruh nebo elipsu tvar pro radiální gradienty. To vše běží ve vašem prohlížeči.
Na co ho lidé používají?
- Navrhnout gradient pozadí hrdiny nebo části
- Vytvořit tlačítko nebo kartu gradientu vyplnit
- Smíchejte dvě nebo tři barvy značky hladce
- Generovat radiální světlo nebo vignette efekt
Často kladené otázky
Lineární gradient se mísí podél přímky pod úhlem, který si zvolíte; radiální gradient se mísí ze středu jako kruh nebo elipsa.
Pro lineární gradient nastaví úhel směr směsi 0° směrem dolů k vrcholu, 90° zleva doprava a tak dále.
Každá zastávka je barva umístěná v procentech podél gradientu. Přesunutí zastavení se mění tam, kde barva sedí a jak ostrá směs je.
Ano. Otevřít Pokročilé možnosti přidat třetí barevnou stopku, vloženou mezi první a poslední pro vícebarevnou směs.
Ne. Barvy a zastavování se mění na řetězec CSS lokálně ve vašem prohlížeči.
Úplně zdarma, žádný účet a žádné limity? nástroj klient-strana s ničím na měření.
Ano. To běží ve vašem prohlížeči, takže CSS Gradient Generator pracuje na telefony a tablety, stejně jako desktop?? není žádná aplikace k instalaci.
Obvykle jen pár sekund pro typický soubor? CSS Gradient Generator začne pracovat v okamžiku, kdy dáte mu svůj vstup.
Nenáročné použití je neomezené, pod velkorysým fair-use čepice, která udržuje to rychle pro každého.
Všechny moderní prohlížeče? Chrome, Safari, Firefox a Edge. CSS Gradient Generator nepotřebuje nic nainstalováno mimo prohlížeč, který již používáte.