Clic interactivo/toque efecto dominó con JavaScript puro-Ribble
| Autor: | nash403 |
|---|---|
| Views Total: | 855 |
| Sitio oficial: | Ir a la web |
| Actualizado: | February 26, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
Ribble es un plugin de JavaScript independiente de vainilla que aplica el diseño de material efecto Ripple clic/TAP a cualquier elemento DOM que especifique.
Funcionamiento
Descargue e importe la biblioteca Ribble en el documento.
<script src="dist/ribble.js"></script>
Fije el Ribble a cualquier elemento que prefiera.
<div class="demo" id="example"></div>
var myElement = document.getElementById("example");
Ribble.attachEvent(myElement) Personaliza el efecto de ondulación.
Ribble.attachEvent(myElement, {
// duration in milliseconds
duration: 400,
// z-index
zIndex: "9999",
// background color
bgColor: "currentColor",
// max opacity level
maxOpacity: "0.4",
// easing function
easing: "cubic-bezier(0.4, 0, 0.2, 1)"
}) Cambie los eventos de desencadenador predeterminados.
Ribble.attachEvent(myElement, {
// options here
},
//
default: ['mousedown', 'touchstart']
triggers)
