Información sobre herramientas de animación ligera en CSS puro-Clew. CSS

Tiempo de ejecución: 30 minutos. Empezar

Autor: egoist
Views Total: 1,670
Sitio oficial: Ir a la web
Actualizado: December 25, 2015
Licencia: MIT

Vista prévia

Información sobre herramientas de animación ligera en CSS puro-Clew. CSS

Descripción

Clew. CSS es una pequeña biblioteca de CSS que se utiliza para crear información de herramientas sencillas y limpias con animaciones basadas en transiciones y transformaciones CSS3.

Funcionamiento

Descargue e incluya el Clew. CSS en el encabezado de su documento.

<script src="prefixfree.min.js"></script>

Utilice el atributo Data-Clew para definir el contenido que se muestra en la información sobre herramientas.

<span class="clew-top" data-clew="Top tooltip">Demo</span>

Agregue una sutil animación CSS3 a la información sobre herramientas.

<span class="clew-top clew-animation" data-clew="Top tooltip">Demo</span>

Cambie la posición de la información de herramientas.

<span class="clew-top clew-animation" data-clew="Top tooltip">Demo</span>
<span class="clew-bottom clew-animation" data-clew="Bottom tooltip">Demo</span>
<span class="clew-left clew-animation" data-clew="Left tooltip">Demo</span>
<span class="clew-right clew-animation" data-clew="Right tooltip">Demo</span>

Te puede interesar: