Material diseño Ripple efectos en Vanilla JavaScript-rippleJS
| Autor: | |
|---|---|
| Views Total: | 2,969 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 24, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Una solución de JavaScript Pure Vanilla para crear material inspirado en efectos de ondulación interactiva en cualquier elemento DOM.
Funcionamiento
Incluya el Ripple. CSS para los estilos ondulación predeterminados.
<link href="ripple.css" rel="stylesheet">
Aplique el efecto de clic de ondulación a un elemento DIV.
<div class="demo"> <div class="rippleJS fill"></div> </div>
Aplique el efecto de clic de ondulación a un elemento Button.
<button class="yourButton"> Click Me <link class="rippleJS"> </button
Aplique el efecto de clic de ondulación a una casilla.
<label class="optHolder"> <input type="checkbox" checked="checked"> <link class="rippleJS fill"> </label>
Personaliza las ondas en tu propio CSS.
.rippleJS .ripple {
background: red;
} Registro de cambios
09/24/2018
- v1.0.6
08/04/2018
- v1.0.5
03/25/2016
- insertar CSS en la parte superior, permitir la anulación
