UI Components์ถœ์ฒ˜: CSS-Tricks์กฐํšŒ์ˆ˜ 2

Whatโ€™s !important #6: :heading, border-shape, Truncating Text From the Middle, and More

By Daniel Schwarz
2026๋…„ 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์—์„œ ์ œ๊ณตํ•˜๋Š” ์ตœ์‹  ๊ฐœ๋ฐœ ๋™ํ–ฅ์ž…๋‹ˆ๋‹ค. ๊ด€๋ จ ๋„๊ตฌ๋‚˜ ๊ธฐ์ˆ ์— ๋Œ€ํ•ด ๋” ์•Œ์•„๋ณด์‹œ๋ ค๋ฉด ์›๋ณธ ๋งํฌ๋ฅผ ์ฐธ๊ณ ํ•˜์„ธ์š”.