Najlepšie zadarmo CSS Gradient Generator
Vytvárajte lineárne a radiálne prechody CSS s živou ukážkou - skopírujte kód pozadia.
100% zadarmo
Žiadna registrácia nie je potrebná
Žiadny vodoznak
✨
Prejdite na Pro pre najlepšie AI modely - obrázok, video a chat - plus väčšie nahrávky, prioritu vo fronte a bez čakania.
Upgrade na Pro
Láska Best.Free? Zdieľaj to!
Ako to funguje
- Vyberte typ. Vyberte lineárny alebo radiálny a nastavte uhol pre lineárny prechod.
- Vyberte si farby a zarážky. Nastavte dve alebo viac farieb a ich polohy; pridajte tretie zastavenie v rozšírených možnostiach.
- Skopírujte CSS. Kliknite na Copy CSS a vložte gradient pozadia do štýlu.
O tomto nástroji
Vytvorte prechod CSS podľa vlastného názoru namiesto slepej úpravy hodnôt. Prepínajte medzi lineárnym a radiálnym prechodom, potiahnite uhlom lineárny prechod a vyberte farby a pozície aspoň pre dve zarážky, zatiaľ čo panel s ukážkou na celú šírku sa aktualizuje naživo. Skopírujte výslednú vlastnosť pozadia priamo do štýlového hárka. Rozšírené možnosti pridávajú tretiu zarážku farby pre bohatšie zmesi a umožňujú vybrať tvar kruhu alebo elipsy pre radiálne prechody.
Na čo ho ľudia používajú
- Navrhnutie prechodu pozadia hrdinu alebo sekcie
- Vytvorenie výplne prechodu tlačidla alebo karty
- Bez problémov zmiešajte dve alebo tri značkové farby
- Vytvorenie radiálneho efektu bodového svetla alebo vinyetovania
Často kladené otázky
Lineárny prechod sa zlúči pozdĺž priamky v uhle, ktorý si vyberiete; radiálny prechod sa zlúči smerom von zo stredu ako kruh alebo elipsa.
V prípade lineárneho prechodu uhol určuje smer zlúčenia - 0° ide zdola nahor, 90° zľava doprava a tak ďalej.
Každý zarážka je farba umiestnená v percentách pozdĺž prechodu.Posunutím zarážky sa zmení miesto, kde sa farba nachádza a ostrosť zmesi.
Otvorte rozšírené možnosti a pridajte tretie zarážky farieb, ktoré sa vložia medzi prvú a poslednú zarážku pre zmes viacerých farieb.
Nie, farby a zarážky sa lokálne vo vašom prehliadači zmenia na reťazec CSS.
Úplne zadarmo, bez účtu a bez obmedzení - nástroj na strane klienta s ničím, čo by ste mali merať.
Áno, spúšťa sa vo vašom prehliadači, takže CSS Gradient Generator funguje na telefónoch a tabletoch rovnako ako na počítači - nie je potrebné inštalovať žiadnu aplikáciu.
Zvyčajne len niekoľko sekúnd pre typický súbor - CSS Gradient Generator začne pracovať v okamihu, keď mu dáte svoj vstup.
Príležitostné používanie je neobmedzené, pod veľkorysým limitom fair-use, ktorý udržuje rýchlosť pre každého.
Všetky moderné prehliadače - Chrome, Safari, Firefox a Edge.CSS Gradient Generator nevyžaduje nič inštalovať okrem prehliadača, ktorý už používate.