Generator gradientów CSS
Twórz liniowe, promieniste i stożkowe gradienty CSS z wieloma punktami kolorów i kopiuj kod.
background: —;
Wszystko działa w Twojej przeglądarce — bez przesyłania, bez rejestracji.
O Generator gradientów CSS
CSS Gradient Generator tworzy gradienty liniowe, radialne i stożkowe z pełną kontrolą wizualną. Dodawaj przystanki kolorów, klikając pasek gradientu, przeciągaj je, aby je przesunąć, i nadaj każdemu przystankowi własny kolor, przezroczystość i pozycję. Gradienty liniowe otrzymują kontrolę kąta; radialne — kształt (koło lub elipsa) i pozycję; stożkowe — kąt początkowy.
Podgląd na żywo pokazuje dokładnie to, co wyrenderuje przeglądarka, a przycisk losowania oraz zestaw wyselekcjonowanych presetów są pod ręką, gdy potrzebujesz punktu wyjścia zamiast pustego płótna. Przystanki można dowolnie dodawać i usuwać — gradient potrzebuje jedynie co najmniej dwóch.
Gdy efekt wygląda dobrze, skopiuj samą wartość gradientu lub pełną regułę CSS. Generator działa w całości w Twojej przeglądarce, bez przesyłania i bez rejestracji, co czyni go szybkim towarzyszem dla przycisków, teł hero, obramowań i efektów tekstowych.
Jak korzystać z Generator gradientów CSS
- Wybierz typ gradientu: liniowy, radialny lub stożkowy.
- Ustaw kąt (liniowy), kształt i pozycję (radialny) lub kąt początkowy (stożkowy).
- Kliknij pasek gradientu, aby dodać przystanki kolorów, i przeciągnij je w odpowiednie miejsce.
- Nadaj każdemu przystankowi kolor, przezroczystość i dokładną pozycję.
- Wypróbuj presety lub przycisk losowania dla szybkiej inspiracji.
- Skopiuj wartość gradientu lub pełną regułę CSS.