Generator gradientów stożkowych CSS
Twórz wizualnie gradienty CSS: liniowe, promieniowe lub stożkowe, suwak kąta i do sześciu stopni kolorów z podglądem na żywo o pełnej szerokości i kodem, który można kopiować.
Wynik
Na tej stronie otwiera się generator gradientów z wybranym typem stożka: zamiast zanikać wzdłuż linii lub od środka, kolory przesuwają się wokół środka jak wskazówka zegara, zaczynając od kąta ustawionego na suwaku.
conic-gradient() to najnowsza z trzech funkcji gradientowych CSS, która kryje się za wykresami kołowymi, kołami kolorów i przyciągającymi wzrok efektami obracania się krawędzi. Pozycje zatrzymania w procentach to pozycje wokół okręgu — dwa stopery na 0% i 100% płynnie łączą się dookoła, podczas gdy stopery umieszczone blisko siebie tworzą wyraźne kliny.
Dostosuj kąt początkowy i zatrzymaj się, aż podgląd będzie poprawnie odczytany, a następnie skopiuj linię tła. Wszystkie nowoczesne przeglądarki obsługują gradienty stożkowe, więc wysyłka kodu jest bezpieczna.