Najlepsze wolne Generator Градyent CSS
Budowa liniowych i radialnych przechyleń CSS z podglądem na żywo - kopia kodu tła.
100% bezpłatny
Brak rejestracji
Brak znaku wodnego
✨
Go Pro dla najlepszych modeli AI - obraz, video i czat - plus większe przesyłki, priorytet w kolejce i bez czekania.
Uaktualnij do pro
Miłość Best.Free? Podziel się nim.
Jak działa
- Wybierz typ. Wybierz liniowy lub promieniowy i ustaw kąt dla gradientu liniowego.
- Wybierz kolory i zatrzymaj. Ustawia dwa lub więcej kolorów i ich pozycji; dodaje trzeci przystanek w opcjach zaawansowanych.
- Kopiuj CSS. Wciśnij Kopiuj CSS i wklej gradient tła do stylu stylowego.
O tym narzędziu
Zbuduj gradient CSS przez oka zamiast edycji wartości nieślepe. Przełącz między liniowym i promieniowym, przeciągnij kąt dla gradientu liniowego i wybierz kolory i pozycje dla co najmniej dwóch przystanków, podczas aktualizacji paska pełnej szerokości. Kopiuj wynikającą z tego właściwości tła prosto do Twojej tabeli stylowej. Zaawansowane opcje dodają trzeci przystanek koloru dla mieszanek bogatszych i pozwalają na wybieranie kręgu lub kształca elipsy radialnych gradientów.
Po co ludzie go używają
- Zaprojektuj gradient tła bohatera lub sekcji
- Utwórz przycisk lub wypełnianie gradientu karty
- Zmieszać dwa lub trzy kolory marki gładko
- Wygenerować efekt promieniowy reflektor lub winiety
Często zadawane pytania
Liniowy gradient miesza się wzdłuż prostej linii pod wybranym kątem; promieniowy gradient miesza się na zewnątrz z punktu środkowego jako okrąg lub elipsa.
Dla gradientu liniowego kąt ustawia kierunek mieszanki - 0° idzie od dołu do góry, 90° od lewa do prawej i tak dalej.
Każdy przystanek jest kolorem umieszczonym w procentach wzdłuż gradientu. Przemieszczanie zmiany stopu, gdzie ten kolor siedzi i jak ostry jest mieszanka.
Tak. Otwórz opcje zaawansowane dodawania trzeciego przystanku kolorowego, wstawionego między pierwszym i ostatnim w przypadku mieszanki wielobarwnej.
Nie. Kolor i przystanki są zamieniane w strunę CSS w przeglądarce.
Całkowicie bezpłatny, bez konta i bez ograniczeń - narzędzie klienta bez niczego do mierzenia.
Tak. Uruchamia on w przeglądarce, więc CSS Gradient Generator pracuje na telefonach, tabletach, a także na pulpitie - nie ma aplikacji do instalowania.
Zazwyczaj tylko kilka sekund dla typowego pliku - CSS Gradient Generator rozpoczyna pracę w momencie, gdy dasz mu swój wejście.
Nieograniczone użycie pod hojnym kapeluszkiem, który dba o szybkie utrzymanie.
Wszystkie nowoczesne przeglądarki - Chrome, Safari, Firefox i Edge. Generator CSS Gradient nie potrzebuje nic zainstalowanego poza przeglądarką, którą już używasz.