Si el fondo de tu web es claro y trabajas con clusters o un grid de posts, es posible que venga bien un efecto que consiga hacer que los elementos se distingan del fondo.
Para ello, el efecto de sombra del box-shadow viene genial, y podemos crear un efecto sutil y elegante.
Para conseguir este efecto, tendremos que ponerle una clase a la imagen (hemos elegido “sombra” como nombre) y también tendrás que añadir este código a tu css adicional (recodemos que está en menú apariencia / personalizar / css adicional
.sombra {
border-radius: 8px;
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.15);
}
See the Pen
Imagen con sombra css by txtmakers (@txtmakers)
on CodePen.
Me llamo Carlos Martínez, y junto a mi pareja Elena estamos detrás de los contenidos de esta web. Sobre mí, decirte que hace unos años que dejé mi trabajo como fotoperiodista para dedicarme al mundo del diseño web, el SEO y los proyectos digitales.