Aplicar una animacion SVG a un logo en Wordpress

Blash

Muy buenas!

Necesito conseguir que al hacer hover sobre un logo, este se anime. El ejemplo sería la web https://nidi.it/

Como veis, al pasar el raton por encima, el logo se mueve.

Bien, vamos a partir de la idea de que quiero hacer algo similar, y que tengo un svg creado y animado.

¿Dónde tendría que colocar el código del SVG y cómo? (teniendo en cuenta que la idea es animarlo solo cuando se haga hover).

Si me lo explicais para tontos... mejor xD He buscando por google pero me vuelvo loco xD

speciaL

El código del SVG tal cual en tu HTML, si lo metes como la etiqueta img animara todo el svg no solamente los <path> que son los que representan las letras trazadas, y son a los cuales se les aplica la animación con CSS.

Aquí el ejemplo extraído tal cual, copia y pega tu SVG aquí:

https://codepen.io/jorgeatgu/pen/xmwvaO

16 días después
Blash

Perdona tio, no vi tu respuesta. Muchas gracias! Voy a ponerme manos a la obra. Gracias!

Usuarios habituales

  • Blash
  • speciaL