Free CSS-Verlafgenerator
D'Grenz tëscht der zentraler an der peripherer Regioun gëtt duerch d'Grenzlinn markéiert.
100% gratis
Keng Anmeldung
Keen Waasserzeechen
✨
Et gëtt och eng Rei vun anere Filmer, déi op der Basis vun der Geschicht, dem Film oder dem Buch gedréint goufen.
Op Pro aktualiséieren
Léift Best.Free? Deelen
Wéi et funktionéiert
- Wielt en Typ. Wielt linear oder radial an setzt de Wénkel fir e lineare Gradienten.
- Faarwen a Stoppen auswielen. Stellt zwou oder méi Faarwen an hir Positiounen an. Füügt eng drëtt Stopp an den erweiderten Optiounen bäi.
- Kopie. D'Sprooch ass eng vun deene Sproochen, déi am meeschte vun der Welt benotzt ginn.
Iwwer dëst Tool
Erstellen vun engem CSS-Verlaf mat der Aen, anstatt Wäerter blind ze bearbeiten. Wechseln Sie zwischen linear und radial, ziehen Sie den Winkel für einen linearen Verlauf, und wählen Sie Farben und Positionen für mindestens zwei Stoppen während eine vollbreit Vorschauleiste live aktualisiert wird. Kopieren Sie die resultierende Hintergrundeigenschaft direkt in Ihr Stylesheet. Die erweiterten Optionen fügen eine dritte Farbstop für reicher Mischungen hinzu und lassen Sie eine Kreis- oder Ellipsenform für radiale Verläufe auswählen. Alles läuft in Ihrem Browser.
Wat d'Leit dofir benotzen
- Entwerfen vun engem Held oder Sektioun-Hintergrundverlaf
- E Knäppchen oder eng Kaart mat Gradientenfëllung erschaffen
- Zwee oder dräi Markenfaarwen glat mischen
- Radial Spotlight oder Vignette Effekt erzeugen
Häufig gestallt Froen
E lineare Gradiënt fënnt op enger richteger Linie am gewielten Eck statt; e radiale Gradient fënnt aus dem Mëttelpunkt eraus als Krees oder Ellips.
D'Spill ass op enger 3D-Grafik ausgeriicht, déi d'Spillfeld an dräi Richtungen, 90°, 180° an 270°, verdeelt.
All Stopp ass eng Faarf, déi op engem Prozentsaz vum Gradienten placéiert ass. D'Beweegung vun engem Stopp ännert, wou déi Faarf steet an wéi scharf d'Mischung ass.
Ja. Öffnen d'erweidert Optiounen fir eng drëtt Faarfstopp bäizefüügen, déi tëscht der éischter a leschter fir eng méifareg Mischung agesat gëtt.
Nee. D'Farben an d'Stopps ginn lokal an Ärem Browser an eng CSS-String ëmgewandelt.
Et ass eng ganz einfach, awer och ganz praktesch Method, fir d'Gréisst vun engem Objet ze bestëmmen.
Ja. Et leeft an Ärem Browser, sou datt de CSS Gradient Generator op Handyen a Tabletten wéi och op Desktops funktionnéiert - et gëtt keng App déi installéiert muss ginn.
Et ass eng vun deene meeschte bekannte Koméiten, déi an der Géigend vun der Sonn optrieden, an déi am meeschte bekannt ass.
Et ass eng ganz einfach, einfach a séier Manéier fir all d'Spiller ze spillen.
All modern Browser - Chrome, Safari, Firefox an Edge. CSS Gradient Generator brauch näischt installéiert, ausser dem Browser, deen Dir schonn benotzt.