Gepubliceerd: 6 maart 2025
Op 25 februari publiceerde Chrome een Intent To Ship voor @function en ontving feedback met het verzoek om een langere experimenteerfase. Hoewel de algehele experimenteerfase niet kort was, zijn er recentelijk enkele impactvolle specificatieswijzigingen geweest, en deze verdienden wat meer experimenteertijd.
We zijn ook hoopvol en enthousiast dat deze uitgebreide experimenteerfase meer community-experimenten kan opleveren.
Oproep om te experimenteren
Dit is het moment om een exemplaar van Canary te bemachtigen, experimentele webplatformfuncties in te schakelen, CSS @function te testen en eventuele bugs te melden die u tegenkomt. We hebben nu de tijd om langer te experimenteren, daar moeten we gebruik van maken.
Om u op weg te helpen, volgen hier enkele verkenningen:
- Pontus Horn - knopvarianten
- Nils Riedemann - lettertypeschalen
- Bramus - een licht-donkerfunctie voor meer dan alleen kleur
De volgende CSS demonstreert een beknopt maar nuttig voorbeeld:
@function --light-dark(--light, --dark) {
result: var(--light);
@media (prefers-color-scheme: dark) {
result: var(--dark);
}
}
Meer weten over @function ?
Bramus heeft een geweldige reeks demo's en ook CSS Tricks aarzelde niet om op de opwinding te reageren .
Argumenten?! Waarden retourneren?! Dat is het waard om mijn koffie voor uit te spugen! Ik moest er meer over leren, en gelukkig zijn de specificaties duidelijk geschreven.