generator CSS Gradient
Tworzenie linearnych, radialnych i konicznych gradientów CSS w przeglądarce.
Kolorowe stopy
Użyj ręczników stop lub klawiatury do edycji pozycji. Każda zatrzymanie zawiera wyraźny kolor, nieprawidłowość i procent.
Przetwarzanie lokalnego przeglądarki
Twój gradient pozostaje w tym przeglądarce. żadne kolory lub generowane CSS nie są wysyłane do Convertr.
Ograniczona gramatyka importu
Importowane akceptuje gradient liniowy(), gradiant radiowy() lub gradienta konicznego(), z hex kolorami i procentami. deklaracje, adresy URL, zmienne i nieznane funkcje są odrzucane lokalnie.
Dostępny Fallback
Generowany CSS zawiera solidny kolorowy spadek tła wraz z gradientem dla nieopieranych renderów i dostępnego kromu sterowania.
Często zadawane pytania
Czy mój gradient jest podniesiony?
Status gradient, kolory, importowane CSS i generowane CSS pozostają w przeglądarce.
Jakie typy gradientów CSS są wspierane?
Generator tworzy wyniki linearne-gradient(), radialne-gradent() i konic-gradyent() z wieloma hex kolor stopy.
Co mogę importować?
Importowanie akceptuje umyślnie ograniczony gramatykę za pomocą jednej wspieranej funkcji gradientowej, kolorów hex, procentów opcjonalnych oraz wartości ogółu lub pozycji.
Related developer i narzędzia projektowe
generator CSS Gradient
Buduj liniowe lub radialne gradienty CSS i przewidywanie koloru, kąta, pozycji i powtórzeń.
- Wejście
- Typ gradient, stopy kolorowe, pozycje, kąt i ustawienia powtarzania.
- Wyjście
- - żywy przegląd i kopiowalna deklaracja tła CSS.
- Prawdziwe ograniczenia
- Renderowanie przeglądarki może nieco różnić się w zależności od silnika, a narzędzie nie ocenia kontrastu ani nie gwarantuje wsparcia w dziedzicznym przeglądaczach.
- Prywatność i przetwarzanie danych
- typ gradient, kolory, pozycje, kąty i ustawienia powtarzania są przetwarzane w tej karcie przeglądarki. konwerter nie otrzymuje ani nie przechowuje; zamknięcie lub ponowne pobieranie strony wyjaśnia stan pracy, chyba że narzędzie wyraźnie oferuje lokalne pobranie.
Jak wykorzystać ten narzędzie
- Zapewnij typ gradient, stopy kolorów, pozycje, kąt i powtarzające się ustawienia w kontrolkach narzędzi.
- Wybierz ustawienia, które wpływają na przegląd na żywo i kopiowalne oświadczenie tła CSS, a następnie uruchom narzędzie.
- Przegląd żywej przeglądu i kopiowalnej deklaracji tła CSS przed kopiowaniem lub pobieraniem.
Wspólne tryby niepowodzenia
Brak stopu koloru, nieprawidłowego koloru lub niezgodnego stanowiska uniemożliwia utworzenie ważnej deklaracji CSS.
Przykład przydatny
Tworzenie gradientu liniowego o 90 stopni od #111827 do 0% do #f59e0b do 100% i kopiowanie deklaracji.