Agregar sombra a un div con box-shadow

Box-shadow permite implementar fácilmente efectos de sombra externas o internas, prácticamente cualquier elemento puede obtener una sombra utilizando esta propiedad.

.sombra {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
}

Como implementarlo:

<div class="sombra">Texto</div>

Si deseas más información sobre como desarrollar en

CSS en español

, visita Mozilla Developer Network haciendo clic aquí.

Si necesitas consultoría sobre

CSS

envíame un correo a hola@dannydshore.com o haciendo clic aquí.

#conceptos #wordpress #woocommerce #shortcodes #css