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ângulo1 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

Deixar uma resposta

O seu endereço de email não será publicado. Campos obrigatórios marcados com *