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.
