Tuesday.css es la biblioteca de animación más popular en este momento
Por ahora ya deberías estar familiarizado con Animate.css como la biblioteca de animación primaria entre los diseñadores web.
Pero hay un chico nuevo en el bloque llamado martes, y es Tomando animación web por la fuerza..
Esta nueva biblioteca no es muy diferente en formato o implementación. Pero el martes viene con un puñado de nuevas animaciones CSS que Tú no puedo encontrar en ningún otro lugar.
Estos nuevos efectos son mucho más sutil en la naturaleza entonces ellos realmente mezclar en una página muy bien. Aquí está un pequeña lista de los efectos Puedes elegir entre:
- Fade & expand
- Se desvanecen y se encogen
- Estampar hacia abajo y rebotar
- Columpio en ángulo
- Caer desde la izquierda / derecha
- Calabaza / estiramiento
- Bisagra
Si recorre esta lista en la página de demostración, notará que todos los efectos tienen Una cosa en común: la física.
Todos se sienten muy Realista a los fundamentos de la física., y parecen cumplir con las leyes de la gravedad. Ninguna de estas animaciones es exagerada o extraña. Ellos son sutil pero notable y lo más importante, son creíble.
Creo que el martes es una de las mejores bibliotecas de animación CSS modernas porque presenta Una vista realista de la animación web..
No deberíamos estar diseñando efectos de interfaz locos que se destacan como un pulgar adolorido. Sutileza Siempre es el nombre del juego porque crea un sentido de interactividad desde cualquier entrada del usuario, ya sea un clic o un desplazamiento.
El problema siempre ha sido escribir estas animaciones desde cero y hacer que se vean bien. Pero ahora, con el martes, tus preocupaciones pueden volar por la puerta..
Sólo descargar una copia de GitHub y añade el .css archiva a tu página. Puedes en realidad usa la versión CDN directamente desde GitHub Si no quieres descargar nada localmente..
Una vez que esto se agrega a su página web, simplemente añadir el .animar clase junto con cualquiera de las clases propietarias Listado en el repositorio de GitHub. Su código podría verse algo como esto:
Es martes.
Echa un vistazo a la documentación completa para ver una lista de todas las clases de animación in / out.
Si trabajas con JavaScript también puedes agrega estas clases dinámicamente en eventos click / hover. De esta manera, puede agregar la clase animada solo cuando un usuario haga clic en un botón, que parecerá animarse al hacer clic.
Hay tantas cosas que puede hacer con el martes, y es realmente el nuevo Animate.css para animaciones pragmáticas de UI..
Echa un vistazo a la página de demostración para verlo en vivo en acción, y usted puede aprender más leyendo a través de sus “en proceso” enviar que habla de cómo el equipo Shakr creó el martes.
