Taking a look at CSS Wrapped 2025

🔴 Patreon: https://www.patreon.com/joyofcode
💬 Discord: https://discord.com/invite/k6ZpwAKwwZ

⚓️ Links

🔗 CSS Wrapped 2025: https://chrome.dev/css-wrapped-2025/

🔖 Timestamps

0:00 Intro
0:27 Invoker Commands
1:48 Dialog Light Dismiss
2:40 Popover Hint
3:52 Customizable Select
4:54 Carousel Markers And Buttons
9:54 Scroll Target Group
11:22 Anchored Container Queries
13:00 Interest Invokers
14:24 Scroll State Queries
15:29 Tree Counting Functions
16:43 Scroll Into View Container
17:27 Nested View Transition Groups
18:33 DOM State-Preserving Move
19:33 Advanced Attribute Function
21:34 Toggle Event Source
22:21 Text Box Features
23:09 The Shape Function
23:58 If Statements
25:29 Custom Functions
27:25 Expanded Range Syntax
28:39 Stretch Sizing Keyword
29:12 Corner Shape
30:45 Outro

#joyofcode #css

Joy of Code

A walkthrough of 20 modern CSS features introduced in 2025, covering invoker commands, dialogue light dismiss, popover hints, customizable select elements, CSS carousels with scroll buttons and markers, scroll spy via scroll-target-group, anchored container queries, interest invokers, scroll state queries, sibling index/count functions, scroll-into-view container option, nested view transition groups, DOM state-preserving moveBefore API, advanced attr() function, event source on toggle events, textbox trimming, the shape() function, CSS if statements, custom CSS functions, expanded range syntax for style queries, the stretch sizing keyword, and corner-shape property.

20 Modern CSS Features You Should Know About