DROPCODING BLOG

Cómo añadir SOMBRA a IMAGEN con fondo transparente en CSS

Si has seguido un poco este canal te habrás dado cuenta de lo poderoso que puede ser el lenguaje de CSS. A continuación te mostraré una vez más el potencial que tiene este lenguaje para crear una sombra en una imagen con el fondo transparente o sin fondo.

Esto lo haremos utilizando solamente una propiedad de CSS llamada filter:drop-shadow.

Recuerda que este efecto se aplicará solo en imágenes con el fondo transparente (formato PNG).

Veamos pues un ejemplo para ver lo fácil que es hacer este tipo de sombra en una imagen.

Pues nada, ya has visto lo fácil que es aplicar este filtro en CSS con la propiedad drop-shadow y espero que te haya servido el ejemplo.

¿Comor? ¿Qué tienes alguna duda o no te ha quedado claro alguna cosa? Déjamelo en los comentarios y te responderé lo más rápido posible.

Apúntate a la Newsletter y Mejora tus Habilidades

Conoce los secretos mejor guardados sobre el Diseño y el Desarrollo Web.

Suscríbete

Deja una respuesta

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