Gepubliceerd: 6 maart 2025
Op 25 februari publiceerde Chrome een 'Intent To Ship' voor @function en ontving feedback met het verzoek om een langere experimenteerperiode. Hoewel de algehele experimenteerperiode niet kort was, zijn er recentelijk enkele ingrijpende specificatiewijzigingen doorgevoerd, die meer experimenteertijd verdienden.
We hopen en zijn enthousiast dat deze uitgebreide experimenteerfase zal leiden tot meer experimenten binnen de gemeenschap.
Oproep tot experiment
Nu is het tijd om Canary te downloaden, experimentele webplatformfuncties in te schakelen, CSS @function te testen en eventuele bugs te melden . We hebben nu meer tijd om te experimenteren, dus daar moeten we gebruik van maken.
Om u op weg te helpen, volgen hier enkele verkenningen:
- Pontushoorn - knopvarianten
- Nils Riedemann - letterschalen
- Bramus - een licht-donkerfunctie voor meer dan alleen kleur
De volgende CSS-code geeft een beknopt maar nuttig voorbeeld:
@function --light-dark(--light, --dark) {
result: var(--light);
@media (prefers-color-scheme: dark) {
result: var(--dark);
}
}
Wilt u meer weten over @function ?
Bramus heeft een geweldige set demo's en CSS Tricks sprong ook meteen op de kar .
Argumenten?! Retourwaarden?! Daar moet ik mijn koffie voor uitspugen! Ik moest er meer over leren, en gelukkig is de specificatie duidelijk geschreven.