เผยแพร่: 6 มีนาคม 2025
เมื่อวันที่ 25 กุมภาพันธ์ Chrome ได้เผยแพร่ความตั้งใจที่จะเปิดตัว @function
และได้รับความคิดเห็นที่ขอให้ขยายระยะการทดสอบให้นานขึ้น แม้ว่าระยะการทดสอบโดยรวมจะไม่ได้สั้น แต่ก็มีการเปลี่ยนแปลงข้อกําหนดเฉพาะที่ส่งผลอย่างมากเมื่อเร็วๆ นี้ ซึ่งสมควรได้รับการทดสอบเพิ่มเติม
นอกจากนี้ เรายังหวังว่าระยะการทดสอบที่ขยายเวลานี้จะช่วยให้เราทดลองกับชุมชนได้มากขึ้น
โทรเพื่อทดสอบ
ตอนนี้ก็ถึงเวลาดาวน์โหลด Canary เปิดใช้ฟีเจอร์แพลตฟอร์มเว็บเวอร์ชันทดลอง เริ่มทดสอบ CSS @function
และรายงานข้อบกพร่องที่พบ ตอนนี้เรามีเวลาทดลองนานขึ้น เราจึงควรใช้ประโยชน์จากโอกาสนี้
ต่อไปนี้เป็นการสํารวจบางส่วนเพื่อช่วยให้คุณเริ่มต้นใช้งาน
- Pontus Horn - button variants
- Nils Riedemann - font scales
- Bramus - ฟังก์ชันความสว่าง/ความมืดที่มากกว่าแค่สี
CSS ต่อไปนี้แสดงตัวอย่างที่กระชับแต่มีประโยชน์
@function --light-dark(--light, --dark) {
result: var(--light);
@media (prefers-color-scheme: dark) {
result: var(--dark);
}
}
หากต้องการทราบข้อมูลเพิ่มเติมเกี่ยวกับ @function
Bramus มีชุดเดโมที่ยอดเยี่ยม และ CSS Tricks ก็ไม่รอช้าที่จะร่วมสนุกด้วย
อาร์กิวเมนต์ ผลลัพธ์ คุ้มค่าที่จะคายกาแฟออกมาเลย เราจึงต้องศึกษาเพิ่มเติมเกี่ยวกับข้อกำหนดดังกล่าว และโชคดีที่ข้อกำหนดเขียนไว้อย่างชัดเจน