Dipublikasikan: 06 Maret 2025
Pada 25 Februari, Chrome memublikasikan Intent To Ship untuk @function dan menerima masukan yang meminta fase eksperimen yang lebih lama. Meskipun fase eksperimen secara keseluruhan tidak singkat, ada beberapa perubahan spesifikasi yang berdampak baru-baru ini, dan hal ini memerlukan waktu eksperimen lebih lama.
Kami juga berharap dan senang bahwa fase eksperimen yang diperpanjang ini dapat menghasilkan lebih banyak eksperimen komunitas.
Panggilan untuk bereksperimen
Sekarang saatnya untuk mendapatkan salinan Canary, mengaktifkan fitur platform web eksperimental, mulai menguji CSS @function, dan melaporkan bug apa pun yang Anda temukan. Sekarang kita memiliki waktu untuk bereksperimen lebih lama, kita harus memanfaatkannya.
Untuk membantu Anda memulai, berikut beberapa eksplorasi:
- Pontus Horn - varian tombol
- Nils Riedemann - font scales
- Bramus - fungsi gelap terang untuk lebih dari sekadar warna
CSS berikut menunjukkan contoh yang ringkas namun berguna:
@function --light-dark(--light, --dark) {
result: var(--light);
@media (prefers-color-scheme: dark) {
result: var(--dark);
}
}
Ingin tahu lebih lanjut tentang @function?
Bramus memiliki serangkaian demo yang bagus dan CSS Tricks juga tidak ragu untuk ikut serta dalam kegembiraan ini.
Argumen?! Nilai yang ditampilkan?! Itu layak untuk membuat saya memuntahkan kopi! Saya harus mempelajarinya lebih lanjut, dan untungnya, spesifikasinya ditulis dengan jelas.