Efectos ondulante de Google material Design con Wave. js

Tiempo de ejecución: 30 minutos. Empezar

Autor: publicis-indonesia
Views Total: 6,959
Sitio oficial: Ir a la web
Actualizado: June 15, 2018
Licencia: MIT

Vista prévia

Efectos ondulante de Google material Design con Wave. js

Descripción

Wave. js es una biblioteca de JS independiente para crear Google material Design estilo de clic efectos en cualquier elemento HTML. Los elementos HTML pueden ser botones, iconos, imágenes, DIVs o cualquier otro elemento alineado.

Uso básico

Cargue Wave. CSS y Wave. js en su página web.

<link rel="stylesheet" href="waves.css">
<script src="waves.js"></script>

Cree un elemento HTML donde desee aplicar un efecto de ondulación al hacer clic en él.

<span class="waves-effect waves-button">

<a href="#">Click Here</a>
</span>

Activa el efecto de ondulación.

var w = new Waves();
w.displayEffect();

Registro de cambios

v0.7.6 (06/15/2018)

  • Actualizado

Te puede interesar: