Een CSS-verloop maken en op echt gebruik testen.
Noem richting, stops en oppervlak. Toets contrast op alle plekken met tekst en geef een effen terugvalkleur als nodig.
Stem de werkwijze af op je taak.
Definieer oppervlak, richting, kleurstops en terugval en maak de CSS-declaratie. Test het volledige verloop achter tekst en responsieve uitsnedes. Beoordeel tekstcontrast apart van de schoonheid van de achtergrond.
- Wat je aanlevert
- Kleuren, richting en visuele eisen.
- Wat je krijgt
- Geldig CSS-verloop met bewerkbare parameters.
Bekijk de invoer en het resultaat.
Illustratieve invoer en uitvoer · een leervoorbeeld, geen live uitvoering van WebAct
Voorbeeld invoerveld
Create a left-to-right background from #fff7ed to #fed7aa, with a solid fallback.
Uitgewerkt voorbeeld
background-color: #fff7ed; background-image: linear-gradient(90deg, #fff7ed 0%, #fed7aa 100%); Check any foreground text against the full gradient, not just one endpoint.
Laad deze invoer in de prompt en kopieer deze naar WebAct om de taak te proberen. Je resultaat kan afwijken van het voorbeeld.
Keuzes en probleemoplossing.
Volstaat contrastcontrole op één eindpunt voor tekst?
Nee. Tekst kan op een minder contrasterende plek liggen. Test echte posities en toestanden.
Waarom wijkt de verlooprichting af van de bedoeling?
Hoekconventies en elementvorm beïnvloeden het resultaat. Render op het beoogde oppervlak en bekijk het.
Probeer het met je eigen bron.
Vervang het voorbeeld door je eigen materiaal in de taakprompt. Behoud de eisen die je nodig hebt en kopieer de taak naar WebAct.
De taak aanpassen en kopiëren ↑