Biblioteca de JavaScript para Fast & retroalimentación táctil personalizada sobre elementos HTML-touchFeedback. js
| Autor: | backToNature |
|---|---|
| Views Total: | 2,060 |
| Sitio oficial: | Ir a la web |
| Actualizado: | September 13, 2016 |
| Licencia: | MIT |
Vista prévia
Descripción
touchFeedback. js es una biblioteca JavaScript súper pequeña que aplica retroalimentación táctil rápida en cualquier elemento HTML sin retardo de TAP 300ms. El objetivo de la biblioteca es ayudarle a crear una retroalimentación táctil rápida y personalizada agregando o quitando clases CSS en un elemento específico.
Funcionamiento
Coloque la biblioteca touchFeedback. js al final del documento.
<script src="touchFeedback.js"></script>
Agregue el atributo ' Data-touchFeedback = "true" ' a cualquier elemento que desee aplicar los comentarios táctiles personalizados.
<div class="wrapper"> <div class="touch" data-touchFeedback="true">touch me</div> </div>
Inicialice touchFeedback.
new TouchFeedback('.wrapper'); Aplicar el efecto personalizado al elemento cuando se pulsa en.
.touch {
height: 100px;
background: #699f00;
text-align: center;
line-height: 100px;
font-size: 30px;
color: #fff;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.touch.feedback {
background: #38f;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
