Generator gradientów promieniowych 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
Ta strona otwiera generator gradientów z już wybranym typem radialnym: kolory rozchodzą się na zewnątrz od środka elementu w koncentrycznych okręgach, a każda zmiana przystanku powoduje natychmiastowe ponowne pomalowanie podglądu.
radial-gradient() to narzędzie do tworzenia efektów światła punktowego i poświaty, miękkich winiet i tła, które wymagają punktu skupienia, a nie kierunku. Pozycje ograniczników w procentach odpowiadają odległości od środka — 0% to środek, 100% dalsza krawędź — zatem dokręcenie pierwszych ograniczników tworzy mały jasny rdzeń, a ich rozciągnięcie powoduje szerokie rozmycie.
Skopiuj linię tła, gdy podgląd będzie wyglądał prawidłowo. W tym trybie suwak kąta jest ukryty, ponieważ okrąg nie ma kierunku — przełącz się z powrotem na liniowy lub stożkowy, a pojawi się ponownie.