#depth CSS effects

4 free, pure-CSS effects match the "depth" tag. Each is copy-ready and needs no library or build step.

A standing block casts a shadow that keeps stretching and pulling back over its floor.

Two tilted plates stack behind the avatar and fan wider when it is hovered.

A dim blurred layer drifts behind a sharp one, so the strip gains real depth.

Layered shading bows a perfectly flat rail into what reads as a rounded dune crest.

Popular tags