TEXTURE MAKES
DEPTH

A flat surface can feel three-dimensional.

SCROLL TO SHIFT THE SURFACE ↓

SAME SHAPE. DIFFERENT SURFACE.

THIS METHOD

  • ✓ TEXTURE / LIGHT Simplest approach — gradients + filters / lightweight surface effects

OTHER METHODS

  • ○ LAYERS / PARALLAX — DOM + transforms
  • ○ CSS PERSPECTIVE — CSS 3D transforms
  • ○ PRE-RENDERED 3D — rendered media
  • ○ REAL-TIME 3D — Three.js / WebGL