Adam Argyle
게시일: 2025년 3월 6일
2월 25일에 Chrome은 @function 출시 예정을 게시했으며 실험 단계를 더 길게 진행해 달라는 의견을 받았습니다. 전반적인 실험 단계는 짧지 않았지만 최근 몇 가지 중요한 사양 변경사항이 있었으며, 이를 위해 더 많은 실험 시간이 필요했습니다.
또한 이번 실험 단계가 연장되어 더 많은 커뮤니티 실험이 이루어지기를 기대합니다.
실험 호출
이제 Canary를 다운로드하고, 실험용 웹 플랫폼 기능을 사용 설정하고, CSS @function 테스트를 시작하고, 발견한 버그를 신고하세요. 이제 더 오래 실험할 수 있으므로 이를 활용해야 합니다.
시작하는 데 도움이 되도록 몇 가지 탐색 분석을 소개합니다.
다음 CSS는 간결하면서도 유용한 예시를 보여줍니다.
@function --light-dark(--light, --dark) {
result: var(--light);
@media (prefers-color-scheme: dark) {
result: var(--dark);
}
}
@function에 관해 자세히 알아보시겠어요?
Bramus에는 멋진 데모가 많이 있습니다. CSS Tricks도 이 흥분에 참여했습니다.
인수?! 값 반환 커피를 뱉어낼 만한 소식입니다. 이에 대해 자세히 알아야 했는데 다행히 사양이 명확하게 작성되어 있었습니다.