Calambrazo (hover + animations 02)

Un triángulo amarillo?

Mmm…

Quizás es mejor no acercar el cursor, ¿no?

¿Ves?

Con esta (mini) descarga eléctrica, continuamos la colección de hover animations iniciada con nuestra anterior publicación: Latido. Prometemos una tercera ◠‿◠

Making-of

Para el calambrazo, hemos utilizado como base la anterior hover animation, a la que simplemente:

  1. Cambiamos de aspecto (triángulo1 por círculo).
  2. Eliminamos la primera animación (estado inicial).
  3. Modificamos la animación del hover.

Para estudiar/editar como lo hemos hecho, tenéis un ejemplo en directo aquí ( Codepen).

1 Aunque siempre es interesante saber el porqué de las cosas, incluidos los triángulos CSS. Sabed que existen generadores online de triángulos 😉

Licencia: Dominio Público

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *