Developer Tools
CSS Gradient Generator
🔒 Działa w Twojej przeglądarce
Create linear, radial, and conic CSS gradients with a live preview. Copy the CSS instantly. Free, runs in your browser.
Jak używać tego narzędzia
- Wybierz typ gradientu, kierunek i stopnie kolorów.
- Podejrzyj gradient na żywo i dostosowuj do uzyskania satysfakcjonującego efektu.
- Skopiuj wygenerowany kod CSS do swojego arkusza stylów.
Color stops
0%
100%
CSS
background: linear-gradient(135deg, #f97316 0%, #8b5cf6 100%);
Często zadawane pytania
- Czy generator gradientów wysyła moje dane na serwer?
- Nie. Całe renderowanie gradientu i generowanie kodu CSS odbywa się w Twojej przeglądarce. Nic nie jest nigdzie przesyłane.
- Jakie typy gradientów mogę tworzyć?
- Możesz tworzyć liniowe gradienty CSS (kierunkowe przejścia kolorów) i gradienty radialne (okrągłe lub eliptyczne). Oba obsługują wiele punktów zatrzymania koloru.
- Czy mogę użyć wyników bezpośrednio w moim CSS?
- Tak. Narzędzie generuje gotowy do użycia kod CSS, który możesz skopiować i wkleić bezpośrednio do swojego arkusza stylów.
- Czy obsługuje wiele punktów zatrzymania koloru?
- Tak. Możesz dodawać tyle punktów zatrzymania koloru, ile potrzebujesz, i dostosowywać ich pozycje wzdłuż osi gradientu.