WORDPRESS
Efecto nubes (cloud effect) con elementor, wordpress 123 tutorial o curso español
En este tutorial de SYSPA SOCIAL aprenderemos como crear el efecto nubes con elementor para tu pagina web wordpress
Si, elementor no nos deja de sorprender, y no hablamos de elementor pro, hablamos de la versión gratuita. En este tutorial veremos como crear una animación de nubes en movimiento, super realista que lleva a tu pagina web wordpress a otro nivel.
Utilizando algunos trucos que te enseñare, con solo utilizar elementor free podrás lograrlo!
Como en la cima de una montaña, mira pasar nubes por la cabecera de tu pagina web wordpress!. No olvides dejar tu like y suscribirte!.
Principales puntos del tutorial efecto nubes con elementor en wordpress.
- Creamos una nueva pagina web.
- armamos el cuerpo de nuestra pagina
- Colocamos una seccion de encabezado con una imagen adecuada.
- Insertamos nuestras nubes.
- Aprendemos a animar nuestras nubes.
Código Utilizado
Animación de nubes.
<style>
.nubes{
position: absolute;
width: 100vw !important;
bottom:0;
/*
animation: animate 8s linear infinite;
*/
/*
animation: animate calc(8s * var(--i)) linear infinite;
*/
}
@keyframes animate{
0%{
transform:translateX(-100%);
}
100%{
transform:translateX(100%);
}
}
#col1{
--i:1
}
#col2{
--i:2
}
#col3{
--i:3
}
#col4{
--i:4
}
#col5{
--i:5
}
#col6{
--i:6
}
#col7{
--i:7
}
</style>
Videos relacionados con efecto nubes con elementor en wordpress.
🖐️ Como hacer tu pagina web con elementor, WordPress 48, tutorial o curso español.
Agregaremos un chat de whatsapp a tu pagina web wordpress de manera simple y gratis.
🖐️ Elementor mas addons gratis igual elementor pro, mejores addons, wordpress 61 tutorial español.
Veremos como podemos convertir elementor en elementor pro utilizando addons gratis en su pagina web wordpress.
🖐️ Efecto vidrio en elementor (glass effect), wordpress 122 tutorial o curso español.
Veremos como crear el efecto vidrio en elementor, para que puedas crear tarjetas en tu pagina web wordpress.
🖐️ como usar CSS personalizado con elementor free o gratis, wordpress 49 tutorial o curso español.
Aprenderemos como podemos utilizar CSS personalizado para toda la pagina wordpress, una clase o un objeto en particular, utilizando elementor free o gratis
Tenemos Cientos de tutoriales Wordrpess
Inicia aquí gratis !
Accede al listado completo de tutoriales wordpress.