::checkmark styles the tick of native checkboxes, radios and selects without touching markup, which matters when WooCommerce owns the template. Here’s how I’d ship it, with a plain fallback first, @supports as the gate, and a plan for testing in Safari.
The letter-spacing reveal trick going around is a nice piece of CSS, but the demos hide two costs: it relayouts text on every frame, and transparent text still gets read aloud by screen readers. This is the version I’d ship.
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.
Cross-document view transitions give multi-page sites a native-app feel, but they fail silently. Here’s how to replace the deprecated meta tag, handle the 4-second timeout, and stop images from stretching mid-transition.
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.
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.
A walk through the CSS rotate function: the syntax and angle units, why transform-origin trips people up, independent transform properties, and how to stop rotations from jittering on the main thread.