WordPress
Comunidad para fans y usuarios de WordPress. Únete y participa, recibe ayuda con Divi, Elementor y... View more
Administrador:
- Organized by
-
Ayuda para crear imagenes con efectos en WordPress
Ayuda para crear imagenes con efectos en WordPress
Buen dia a todos, gracias por aceptarme en el foro 😀
Quisiera hacer una pagina parecida a esta en Elementor: https://www.softwaredentalink.com/Mas que todo estoy interesado en lograr esos efectos en las imagenes que se pueden apreciar (ej. los circulos que giran alrededor, las pulsaciones que salen de la imagen, difuminado de transparencia arriba y abajo de la img), pero no he encontrado un plugin o una manera concreta de hacerlo. Porfavor si alguien sabe como lograrlo le agradeceria mucho!
Saludos
- 2 Respuestas
Hola Derek, no creo que eso sea hecho con un plugin, si revisas el código con el inspector veras que usan CSS para lograrlo. En este tema tendrás que investigar y poner en practica tus habilidades de CSS.
Acá te dejo una estructura básica por ejemplo para la imagen que rota de fondo (https://cdn.prod.website-files.com/660d6d21e7f5e5062f7e15bf/660d6d21e7f5e5062f7e19f5_circulo-animado-bg.webp), que se basa en el código de esa web:
Estructura HTML
<div class="rotating-image-container">
<img src="tu-imagen.webp" alt="" class="rotating-image">
</div>Estructura CSS
.rotating-image {
width: 100px; /* Ajusta el tamaño según tu necesidad */
height: 100px; /* Ajusta el tamaño según tu necesidad */
animation: rotateImage 10s linear infinite;
transform-origin: center; /* Asegura que la rotación sea alrededor del centro */
}
@keyframes rotateImage {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}Espero te sirva como base para la personalización CSS.
Gracias por tu respuesta. Entonces voy a intentar de esta manera!
Una cosa más, ¿tienes algún plugin que me puedas recomendar que permita personalización mejorada de los contenedores? 😀
Log in to reply.