CSS Based Image Captions – Captionss

Category: CSS & CSS3 , Image | January 23, 2014
Views Total:2,130 views
Official Page:Go to website
Last Update:January 23, 2014


CSS Based Image Captions – Captionss


Captionss is an easy and fast CSS image caption solution that helps you add static or animated captions to images on hover. Pure CSS. No dependencies required. Based on Html5 figure and figcaption elements.

Basic Usage:

Import the captionss.css in the head section of the html document.

<link href="captionss.css" rel="stylesheet" type="text/css">

Create a bottom embedded image caption that reveals smoothly on hover.

<figure class="img1 embed reveal-smooth"> <img src="img/1.jpg" alt="Alt 1">
<figcaption> Your caption goes here. </figcaption>

You Might Be Interested In:

Leave a Reply