CSS Library: Image CSS: CSS3 demos: Here
CSS3 Image Caption effects
Author: Dynamic Drive
The following demos transition HTML's
<figcaption> element to reveal captions
inside images in a variety of interesting ways. CSS3's
is used to position (via
translate3d()) and rotate the different components inside
<figure> element. The result is flexible caption effects that work on images
of varying dimensions instantly without the need to modify the CSS code.
The effects work on IE10+ and modern versions of other browsers. In IE9 and below, no caption is shown at all with some of the demos.