css3 1 day ago
software developer #Web Development

11 New CSS Features Every Browser Supports in 202

Learn 11 powerful new HTML & CSS features that hit Baseline in 2024/2025 so you can use them safely across all major browsers.

We’ll speed up render time, replace fiddly JS with cleaner CSS/HTML solutions, and peek into CSSHoudini for custom magic.


https://codepen.io/fbernack/pen/myePZYR

https://codepen.io/fbernack/pen/rNgmexV

https://codepen.io/mobalti/pen/EaYVJgr

https://codepen.io/fbernack/pen/jEbegJg

https://content-visibility-demo-igp4j.sevalla.page

https://codepen.io/fbernack/pen/EaVYrrg

https://codepen.io/fbernack/pen/GgpeqpY

https://codepen.io/fbernack/pen/QwjZpNz

https://codepen.io/fbernack/pen/ogjXXdj

https://codepen.io/web-dot-dev/pen/XWvBZNo

https://codepen.io/fbernack/pen/VYvEWeZ

https://codepen.io/fbernack/pen/WbQQvwR

https://codepen.io/fbernack/pen/KwdrpQM


00:00 - Intro

01:00 - light-dark()

02:26 - Popover API

05:16 - Relative color syntax

08:22 - content-visibility: auto

10:53 - align-content on block layout

12:09 - contenteditable "plaintext-only"

13:50 - @property

16:54 - Exclusive Accordion

18:03 - backdrop-filter

18:59 - ::target-text

19:52 - scrollbar-gutter & scrollbar-width


CSS3
software developer