Stay updated with the latest CSS-Tricks releases, security patches, and feature updates.
CSS-Tricks walks through the new border-shape property, which accepts the same values as clip-path but lets borders, box-shadow, and outline follow the resulting shape instead of being clipped away. Support is currently Chrome-only.
CSS-Tricks rounds up recent CSS developments including gap decorations, the random() function, field-sizing for selects reaching Baseline, and modern theming patterns using @property and contrast-color().
CSS-Tricks published an almanac entry on the translateZ() CSS function, covering syntax, the requirement for perspective, and the old GPU-compositing trick.
CSS-Tricks walks through Chrome 146's new scroll-triggered animations — a CSS-native alternative to Intersection Observer that plays animations for a fixed duration once scroll thresholds are crossed, distinct from the existing scroll-driven animations spec.
CSS-Tricks examines ariaNotify(), a new method defined in WAI-ARIA 1.3 that lets developers programmatically trigger screen reader announcements without the well-documented pain of ARIA live regions.
CSS-Tricks rounds up the latest CSS platform news including @function, the new alpha() function for color manipulation, WebKit's Grid Lanes guide, dialog element improvements, and Chrome 149's newly Baseline features like gap decorations.
CSS-Tricks published a concise taxonomy distinguishing four commonly conflated CSS concepts: scroll-driven animations, scroll-triggered animations, container query scroll states, and view transitions.
CSS-Tricks updated their Almanac entry for offset-path, the CSS property that defines a movement path for animated elements. The reference covers the rename from motion-path, current value support, rotation control, and integration with the Web Animations API.
CSS-Tricks' latest roundup covers cross-platform Safari testing, the new ::checkmark pseudo-element, anchor positioning workarounds using data attributes and advanced attr(), and notes Firefox 151 bringing container style queries to Baseline status.
CSS-Tricks demonstrates several text-reveal techniques using negative letter-spacing, transparent color, and transitions — no JavaScript required. The patterns combine existing CSS features like ::first-letter and the ch unit to simulate per-character targeting without a ::nth-letter selector.
CSS-Tricks editor Geoff Graham reflects on sharply declining traffic across front-end publications and makes a case for why human-written technical content still matters — and how it should adapt.
Part 2 of CSS-Tricks' series on cross-document view transitions tackles the real scaling problem: going from one named element to hundreds without your CSS collapsing into an unmaintainable wall of selectors. The key is view-transition-class, which decouples animation styling from per-element identity.
CSS-Tricks revisits CSS centering with a comprehensive look at modern approaches, cataloging roughly 100 ways to center elements and arguing that understanding alignment mechanics matters more than memorizing snippets. The article also highlights newer CSS features like text-box for trimming font-related whitespace.
CSS-Tricks examines Stack Overflow's dramatic decline from over 200,000 questions per month at its 2014 peak to roughly 3,000 in 2026, attributing it to aggressive moderation culture and, more recently, the rise of LLMs.
CSS-Tricks walks through the real, current way to enable cross-document view transitions on multi-page sites — replacing a deprecated meta tag with a CSS at-rule — and digs into silent failure modes like the 4-second timeout and aspect ratio warping.
CSS-Tricks' latest roundup covers Heerich.js for 3D voxel scenes, the of <selector> syntax reaching Baseline, range syntax nuances for container queries, scroll-driven animations, and platform updates from Chrome 148 and Safari 26.5.
CSS-Tricks walks through calculating and displaying discounted prices entirely in CSS using the upgraded attr() function, CSS math functions like mod() and round(), and custom counters — no JavaScript required.
CSS-Tricks breaks down the TC39 ShadowRealm proposal, which introduces a new kind of JavaScript realm designed for code isolation without spawning a separate thread. The article explains what realms are, how they differ from Web Workers, and why a same-thread sandbox is useful.