Sombras con CSS

Vamos a aprender como usar sombras en diseño web con CSS sin recurrir a métodos arcaicos como usar Photoshop. Además usaremos este post como «chuleta», «Cheat sheet» u «hoja de consulta rápida»… como quieras llamarle. Así que guárdala en favoritos, «linkala» o dale al +1.

Empecemos con cajas. En el ejemplo veremos como dar sombra a todos los lados de una caja, la parte de arriba o de abajo solo y los laterales.

Check out this Pen!

Check out this Pen!

Y por último vamos a ver como darle sombra a los textos.

Check out this Pen!

Publicaciones Similares

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información básica sobre protección de datos Ver más

  • Responsable: Helmer Galvis Rojas.
  • Finalidad:  Moderar los comentarios.
  • Legitimación:  Por consentimiento del interesado.
  • Destinatarios y encargados de tratamiento:  No se ceden o comunican datos a terceros para prestar este servicio.
  • Derechos: Acceder, rectificar y suprimir los datos.
  • Información Adicional: Puede consultar la información detallada en la Política de Privacidad.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.