CSS-Farbverläufe im tatsächlichen Einsatz testen.
Geben Sie Richtung, Farbstopps und Fläche an. Prüfen Sie Textkontrast überall im Verlauf und bieten Sie nötigenfalls einen einfarbigen Ersatz.
Passe den Ablauf an deine Aufgabe an.
Definieren Sie Fläche, Richtung, Stopps und Ersatzfarbe und erzeugen Sie CSS. Testen Sie den gesamten Verlauf hinter überlagerten Inhalten und responsiven Zuschnitt. Beurteilen Sie Textkontrast unabhängig vom schönen Hintergrund.
- Was du bereitstellst
- Farben, Richtung und visuelle Anforderungen.
- Was du erhältst
- Gültiger CSS-Verlauf mit veränderbaren Parametern.
Sieh dir Eingabe und Ergebnis an.
Beispielhafte Ein- und Ausgabe · ein Lehrbeispiel, kein tatsächlicher WebAct-Durchlauf
Beispiel Eingabe
Create a left-to-right background from #fff7ed to #fed7aa, with a solid fallback.
Vollständiges Beispiel
background-color: #fff7ed; background-image: linear-gradient(90deg, #fff7ed 0%, #fed7aa 100%); Check any foreground text against the full gradient, not just one endpoint.
Lade diese Eingabe in den Prompt und kopiere ihn zum Ausprobieren nach WebAct. Dein Ergebnis kann vom Beispiel abweichen.
Entscheidungen und Fehlerbehebung.
Reicht Kontrastprüfung an einem Ende für überlagerten Text?
Nein. Der Text kann über einen kontrastärmeren Teil verlaufen. Prüfen Sie reale Positionen und Zustände.
Warum sieht die Verlaufsrichtung anders als geplant aus?
Winkelregeln und Elementform beeinflussen sie. Rendern Sie die Anweisung auf der Zieloberfläche.
Probiere es mit deiner eigenen Quelle.
Ersetze das Beispiel im Aufgaben-Prompt durch dein Material. Behalte nötige Anforderungen bei und kopiere die Aufgabe nach WebAct.
Aufgabe anpassen und kopieren ↑