Experimental CSS features

Example collection of spectacular experimental CSS features that are not yet available for production use

Animated gradient

Smooth animation of gradient properties using CSS Houdini's Properties and values API

Jump to the example
Filter effects

Interactive application that demonstrates every CSS filter function

Jump to the example
Squares background

Background animation on hover state using CSS Houdini's Painting API and Properties and values API

Jump to the example
Decorated underline

Custom underline effect that serves as an alternative to the current hyperlink style

Jump to the example
Circles background

Animated custom background using CSS Houdini's Painting API and Properties and values API

Jump to the example