Subtítulos de imagen basados en CSS-Captionss

Tiempo de ejecución: 30 minutos. Empezar

Autor: jbranchaud
Views Total: 2,965
Sitio oficial: Ir a la web
Actualizado: January 23, 2014
Licencia: MIT

Vista prévia

Subtítulos de imagen basados en CSS-Captionss

Descripción

Captionss es una solución de subtítulos de imagen CSS fácil y rápida que le ayuda a agregar leyendas estáticas o animadas a las imágenes al pasar el ratón. CSS puro. No se requieren dependencias. Basado en HTML5 figura y figcaption elementos.

Uso básico

Importe el captionss. CSS en la sección head del documento HTML.

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

Crea una leyenda de imagen incrustada inferior que se revele suavemente al flotar.

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

Te puede interesar: