What’s !important #6: :heading, border-shape, Truncating Text From the Middle, and More | Endigest
CSS-Tricks
Get the latest tech trends every morning
Receive daily AI-curated summaries of engineering articles from top tech companies worldwide.
A roundup of recent CSS tips, new platform features, and community discoveries from the web development world.
- •@keyframes animation names can be strings, enabling unusual names like "@keyframes" itself
- •Style queries support both `:` and `=` operators, which evaluate custom property values differently
- •Declarative `<dialog>` elements using invoker commands now work across all browsers without JavaScript
- •CSS-only middle text truncation is achievable using Flexbox, with ongoing interest in a native solution
- •Safari Technology Preview 237 trials `:heading` pseudo-class for typescale logic using `pow()`
- •`border-shape` was introduced as distinct from `corner-shape`, supporting the `shape()` function
This summary was automatically generated by AI based on the original article and may not be fully accurate.
WebKit