Most centering doesn’t need a flex or grid hack anymore. This post covers align-content on plain block elements, text-box trimming for text that actually looks centered, the safe keyword, and anchor-center for tooltips.
Staggered animations used to mean a pile of nth-child rules or an SCSS loop. CSS sibling-index() and sibling-count() handle it in the stylesheet, however many items the grid has, with no JavaScript.
Gutenberg 23.2 adds experimental per-breakpoint block styles in Global Styles, motion design tokens, bottom-sheet modals on mobile, and fixes for race conditions in real-time collaboration.
Notes from the core performance chat the day before WordPress 7.0 ships: on-demand block style loading for classic themes, Performance Lab moving to PHP 7.4, npm ignore-scripts, and an FTP filesystem install fix.
A look at recent Modern CSS updates for WordPress: the nth-child(n of selector) syntax, flying focus via the View Transition API, prefers-reduced-motion, and browser support in Chrome 148 and Safari 26.5.
You don’t need a JavaScript bundle to calculate a discount. With the upgraded attr(), mod(), and round() CSS functions, you can do the math in the style engine, cut latency, and ship a lighter shop.
WordPress 7.0 development lost real-time collaboration this month over race conditions and load concerns. What’s left for the May 20 release: a native content types system, the @wordpress/grid package, and HEIC and per-block CSS fixes.
Most rotateY() flip cards don’t actually flip, they just shrink and grow. Here’s how perspective, transform-style, and a proper 3D stage give you flip cards and carousels with real depth instead of a squashed 2D look.
The rotateX() CSS function adds real 3D depth, but only when the parent has a perspective value. This covers the syntax, the perspective gotcha that flattens your rotation, and examples like 3D flip cards and unfolding accordions.
CSS rotateZ looks like the 2D rotate() but runs differently: it can push rendering onto the GPU and keep animations off the main thread. Covers the performance difference, isometric layouts, and the angle units worth knowing.