CSS Based Image Captions – Captionss

Category: CSS & CSS3 , Image | January 23, 2014
Author:jbranchaud
Views Total:2,118 views
Official Page:Go to website
Last Update:January 23, 2014
License:MIT

Preview:

CSS Based Image Captions – Captionss

Description:

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>
</figure>

You Might Be Interested In:


Leave a Reply