Descarga (hover + animations 02)

Um triángulo amarelo?

Mmm…

Se quadra é melhor nom lhe achegar o cursor, nom?

Vês?

Com esta (mini) descarga elétrica, continuamos a coleçom de hover animations iniciada com a nossa anterior publicaçom: Latejo. Prometemos umha terceira ◠‿◠

Making-of

Para a descarga, utilizamos como base a anterior hover animation, à que simplesmente:

1. Mudamos de aspeto (triângulo¹ em troques de círculo).
2. Eliminamos a primeira animaçom (estado inicial).
3. Modificamos a animaçom do hover.

Para estudar/editar como é que fizemos, tedes um exemplo ao vivo aqui ( Codepen).

1 Embora sempre é interessante saber o porquê das cousas, incluídos os triângulos CSS. Sabei que existem geradores online de triângulos 😉

Licença: Domínio Público