תאריך פרסום: 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 לא היססה להצטרף לחגיגה.
ארגומנטים?! החזרת ערכים?! זה שווה לירוק את הקפה! נאלצתי ללמוד עליהם יותר, ולמזלי המפרט כתוב בצורה ברורה.