Dark mode toggle
A pure CSS dark mode toggle using :has() on the root element to switch custom properties.
Glass card
A frosted glass card using backdrop-filter and oklch colors.
Gradient border
A card with a vibrant gradient border using background-clip and oklch colors.
Gradient text
Apply a vivid gradient to text using background-clip.
Layered realistic shadow
Multi-layer box-shadow for natural depth.
light-dark() function
The light-dark() CSS function: one-line dark mode color switching.
Modern glassmorphism
Glassmorphism with backdrop-filter and oklch(): live demo, copy CSS, and LLM prompt.