Question 1

Welche CSS-Verlaufstypen unterstützt dieses Tool?

Accepted Answer

Dieses Tool unterstützt alle drei Standard-CSS-Verlaufstypen: linear-gradient (Farbübergänge entlang einer Geraden), radial-gradient (Farbübergänge von einem Mittelpunkt in Ellipsen- oder Kreisform) und conic-gradient (Farbübergänge um einen Mittelpunkt, wie ein Kreisdiagramm). Sich wiederholende Varianten werden durch Extraktion des Kernverlaufs geparst.

Question 2

Was sind CSS-Farb-Stops und wie funktionieren sie?

Accepted Answer

Farb-Stops definieren die Farben und ihre Positionen in einem Verlauf. Jeder Stop hat einen Farbwert und eine optionale Position (Prozentsatz oder Länge). Wenn Positionen ausgelassen werden, verteilt der Browser die Farben gleichmäßig.

Question 3

Wie gebe ich Verlaufsrichtungen in CSS an?

Accepted Answer

Für lineare Verläufe: Schlüsselworte (to right, to bottom), Grad-Winkel (45deg, 135deg) oder Turn-Werte (0.25turn). Für radiale: Form (circle oder ellipse), Größe und Position. Für konische: 'from Ndeg' für den Startwinkel.

Question 4

Wie erstelle ich einen Verlauf mit harten Farb-Stops (ohne Überblendung)?

Accepted Answer

Platzieren Sie zwei Farb-Stops an derselben Position: linear-gradient(to right, #ff0000 50%, #0000ff 50%). Dies erzeugt eine scharfe Kante ohne Gradientenüberblendung.

Question 5

Wie verwende ich CSS-Verläufe für Hintergründe, Rahmen und Text?

Accepted Answer

Verläufe sind -Werte in CSS, keine -Werte. Für Hintergründe: background: linear-gradient(...). Für Farbverlaufstext: background: linear-gradient(...); -webkit-background-clip: text; color: transparent.

CSS-Verlauf-Analysator

Häufig gestellte Fragen

Comments & Feedback