תאריך פרסום: 6 במרץ 2025
ב-25 בפברואר פרסמנו ב-Chrome הודעה על כוונה להשיק את @function וקיבלנו משוב עם בקשה להאריך את שלב הניסוי. שלב הניסוי הכולל לא היה קצר, אבל היו כמה שינויים משמעותיים במפרטים לאחרונה, והם דרשו עוד זמן ניסוי.
אנחנו גם מקווים ומצפים שהשלב המורחב הזה של הניסוי יוביל לניסויים נוספים בקהילה.
קריאה לניסוי
זה הזמן להוריד עותק של Canary, להפעיל את התכונות הניסיוניות של פלטפורמת האינטרנט, להתחיל לבדוק את CSS @function ולדווח על באגים שתמצאו. עכשיו יש לנו זמן לבצע ניסויים ארוכים יותר, ואנחנו צריכים לנצל את זה.
כדי לעזור לכם להתחיל, ריכזנו כאן כמה ניתוחים:
- Pontus Horn – button variants
- Nils Riedemann – שינוי קנה המידה של הגופן
- Bramus – פונקציית תאורה כהה ליותר מאשר צבע
הקוד הבא ב-CSS הוא דוגמה תמציתית אך מועילה:
@function --light-dark(--light, --dark) {
result: var(--light);
@media (prefers-color-scheme: dark) {
result: var(--dark);
}
}
רוצה לקבל מידע נוסף על @function?
Bramus מציגה מבחר נהדר של הדגמות וגם CSS Tricks לא היססה להצטרף לחגיגה.
ארגומנטים?! ערכים חזרה?! זה שווה לירוק את הקפה! נאלצתי ללמוד עליהם יותר, ולמזלי המפרט כתוב בצורה ברורה.