Naha Web Design

15-1.png

Cómo crear un icono animado con Elementor Pro y CSS

¡Hola amigos de WordPress y Elementor!

Quiero enseñarles cómo hacer un icono animado, especialmente para atraer la atención de los usuarios para que hagan click a un botón o hacer este tipo de efecto para landing pages y facilitar la navegación.

Requisitos:
-Elementor Pro

Código CSS:

selector {
-webkit-animation: scrolling 3s ease infinite;
-moz-animation: scrolling 3s ease infinite;
-o-animation: scrolling 3s ease infinite;
animation: scrolling 3s ease infinite;
}

@keyframes scrolling {
0% { transform: translate(0);
} 50% { transform: translate(0,20px);
} 100% { transform: translate(0);
}
}


¡No se olviden suscribirse a mi canal! ¡Cualquier novedad siempre estoy grabando mi pantalla cuando descubro nuevos features en Elementor y WordPress!

Suscríbete: https://bit.ly/2N2Clhe
Asesorías y Desarrollo de Páginas web: https://nahawebdesign.com/

Comparte este POST

Share on facebook
Share on google
Share on twitter
Share on linkedin
Share on pinterest
Share on print
Share on email
Abrir chat
1
¡Hola! ¿Tienes alguna duda?
¡Hola, mi nombre es Robin Ganaja! ¿Tienes alguna duda? ¡Abre el chat para conversar!