Generator gradientu
Twórz liniowe, radialne i stożkowe gradienty CSS od podstaw z przeciągalną kontrolą wielu przystanków i wyselekcjonowanymi presetami. Kopiuj gotowy CSS natychmiast.
background: —;
Wszystko jest obliczane na żywo w Twojej przeglądarce — bez rejestracji, całkowicie bezpłatnie.
O Generator gradientu
Generator gradientów tworzy niestandardowe gradienty CSS od podstaw. Wybierz typ liniowy, radialny lub stożkowy, ustaw kąt i ukształtuj mieszankę za pomocą wielopunktowego edytora: przeciągaj uchwyty, aby przesuwać punkty, klikaj pasek, aby dodawać nowe, i przebarwiaj dowolny punkt selektorem — podgląd na żywo aktualizuje się w miarę pracy.
Wyselekcjonowane presety dają solidny punkt wyjścia, gdy nie chcesz zaczynać od pustej strony, a akcje jednym kliknięciem — losowy, odwróć, obróć o 45° — przyspieszają eksplorację. Wygenerowany CSS jest zawsze widoczny i pozostaje zsynchronizowany z podglądem, więc to, co kopiujesz, jest dokładnie tym, co widziałeś.
Wszystko jest obliczane na bieżąco w Twojej przeglądarce bez żadnych kosztów. Skopiuj pełną regułę CSS lub samą wartość tła i wklej ją do arkusza stylów, stylu przycisku lub sekcji hero — prosty generator gradientów CSS do teł, nakładek i akcentów interfejsu.
Jak korzystać z Generator gradientu
- Wybierz typ gradientu: liniowy, radialny lub stożkowy.
- Zacznij od presetu lub kliknij „Losowy” dla natychmiastowego punktu wyjścia.
- Przeciągnij uchwyty punktów, aby ustawić kolory, kliknij pasek, aby dodać punkty, i edytuj kolor każdego punktu.
- Dostosuj kąt lub użyj „Odwróć” i „Obróć o 45°”, aby zmienić kierunek mieszanki.
- Skopiuj regułę CSS lub wartość tła i wklej ją do swojego projektu.