Generator gradientów CSS

360°
0%
100%
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);

Jak uzywac Generator gradientów CSS

Wybierz typ gradientu. Dodaj i dostosuj kolory. Ustaw kąt lub kierunek. Podgląd w czasie rzeczywistym. Skopiuj kod CSS.

Funkcje

  • Gradienty liniowe, radialne i stożkowe
  • Do 6 kolorów z kontrolą pozycji
  • Wybór kąta / kierunku
  • Podgląd na żywo
  • Kopiowanie kodu CSS jednym kliknięciem
  • 100% po stronie klienta

Czesto Zadawane Pytania

Jakie typy gradientów są obsługiwane?

Liniowe, radialne i stożkowe. Każdy można dostosować kątem/kierunkiem, wieloma kolorami i pozycjonowaniem.

Czy mogę dodać więcej niż dwa kolory?

Tak. Dodaj do 6 kolorów, aby tworzyć złożone, wielokolorowe gradienty.

Jak użyć wygenerowanego CSS?

Kliknij przycisk Kopiuj. Wklej kod do arkusza stylów jako właściwość background.

Powiazane Narzedzia