Previous Demo Back to the Codrops Article

Image Captions with Pseudo-Elements(Ab)using data attributes and pseudo-elements to create captions

Read the tutorial

Example 1

Show caption next to image

Illustration of Smug Eagle

Example 2

Show on hover (animate opacity)

Illustration of Cafe Racer

Example 3

Slide in on hover (animate tranforms)

Illustration of Vulture

Example 4

Side push on hover (animate tranforms)

Illustration of Viking