accent-color: styling native form controls
The accent-color property tints native checkboxes, radio buttons, range sliders, and progress bars to match your brand — one line of CSS.
backdrop-filter: frosted glass and blur effects
Create frosted glass, blur overlays, and glassmorphism effects with backdrop-filter. Covers blur, brightness, contrast, and performance considerations.
box-shadow: the complete reference
Every box-shadow technique: layered shadows, OKLCH colors, elevation systems, and performance tips.
color-mix(): blending colors in CSS
Learn color-mix(): syntax, color spaces, percentage control, practical uses for hover states and alpha blending, and design token patterns.
CSS gradients: linear, radial, conic
Master all three CSS gradient types with color stops, repeating patterns, hard stops, and smooth interpolation in oklch color space.
CSS custom properties (variables)
Master CSS custom properties: var() with fallbacks, inheritance, @property typed variables, and component token patterns.
OKLCH and modern color
Perceptually uniform colors and light-dark() for design systems in 2026.
prefers-color-scheme: auto-detecting dark mode
How to detect and respond to the user's system color preference with CSS. Dark mode without JavaScript.