UI Components출처: CSS-Tricks조회수 34
What’s !important #6: :heading, border-shape, Truncating Text From the Middle, and More
By Daniel Schwarz2026년 2월 28일
**What’s !important #6: :heading, border-shape, Truncating Text From the Middle, and More**
Despite what’s been a sleepy couple of weeks for new Web Platform Features, we have an issue of What’s !important that’s prrrretty jam-packed. The web community had a lot to say, it seems, so fasten your seatbelts. @keyframes animations can be strings Peter Kröner shared an interesting fact about @keyframes animations — that they can be strings: @keyframes "@animation" { /* ... */ } #animate-this { animation: "@animation"; } Yo dawg, time for a #CSS fun fact: keyframe names can be strings. Well, in case you want your keyframes to be named “@keyframes,” obviously...
---
**[devsupporter 해설]**
이 기사는 CSS-Tricks에서 제공하는 최신 개발 동향입니다. 관련 도구나 기술에 대해 더 알아보시려면 원본 링크를 참고하세요.
Despite what’s been a sleepy couple of weeks for new Web Platform Features, we have an issue of What’s !important that’s prrrretty jam-packed. The web community had a lot to say, it seems, so fasten your seatbelts. @keyframes animations can be strings Peter Kröner shared an interesting fact about @keyframes animations — that they can be strings: @keyframes "@animation" { /* ... */ } #animate-this { animation: "@animation"; } Yo dawg, time for a #CSS fun fact: keyframe names can be strings. Well, in case you want your keyframes to be named “@keyframes,” obviously...
---
**[devsupporter 해설]**
이 기사는 CSS-Tricks에서 제공하는 최신 개발 동향입니다. 관련 도구나 기술에 대해 더 알아보시려면 원본 링크를 참고하세요.