Ngày phát hành: 6 tháng 3 năm 2025
Vào ngày 25 tháng 2, Chrome đã phát hành Ý định phát hành cho @function và nhận được ý kiến phản hồi yêu cầu kéo dài giai đoạn thử nghiệm. Mặc dù giai đoạn thử nghiệm tổng thể không ngắn, nhưng gần đây đã có một số thay đổi đáng kể về thông số kỹ thuật và chúng tôi cần thêm thời gian để thử nghiệm.
Chúng tôi cũng hy vọng và vui mừng rằng giai đoạn thử nghiệm kéo dài này có thể mang lại nhiều thử nghiệm hơn cho cộng đồng.
Lệnh gọi thử nghiệm
Bây giờ là lúc tải một bản sao của Canary, bật các tính năng thử nghiệm của nền tảng web, bắt đầu kiểm thử CSS @function và báo cáo mọi lỗi mà bạn tìm thấy. Giờ đây, chúng ta có thời gian để thử nghiệm lâu hơn, nên chúng ta nên tận dụng điều này.
Để giúp bạn bắt đầu, sau đây là một số dữ liệu khám phá:
- Pontus Horn – các biến thể nút
- Nils Riedemann – tỷ lệ phông chữ
- Bramus – một hàm sáng tối không chỉ dành cho màu sắc
CSS sau đây minh hoạ một ví dụ ngắn gọn nhưng hữu ích:
@function --light-dark(--light, --dark) {
result: var(--light);
@media (prefers-color-scheme: dark) {
result: var(--dark);
}
}
Bạn muốn tìm hiểu thêm về @function?
Bramus có một bộ bản minh hoạ tuyệt vời và CSS Tricks cũng không chậm trễ trong việc tham gia vào sự kiện này.
Đối số?! Trả về giá trị?! Thật đáng để tôi nhổ cà phê ra! Tôi phải tìm hiểu thêm về các thông số kỹ thuật này và may mắn là thông số kỹ thuật được viết rõ ràng.