A simple vista, uno puede pensar que drop-shadow y box-shadow se ven practicamente iguales, pero no es exactamente asÃ. La gran ventaja de el filtro drop-shadow es que conoce el contorno y la transparencia que un elemento debe tener.
¿Acaso no quisiste siempre un un filtro como box-shadow pero que continúe la forma del elemento, incluyendo contenido generado? ¿O no quisiste que tuviera en cuenta la transparencia del PNG?
Esto es exactamente lo que drop-shadow hace. Utiliza la misma sintaxis que box-shadow, a excepción del inset que aún no está soportado.
Si bien es una propiedad experimental, y sólo es soportado en algunos navegadores con WebKit, ya existe un 32.51% de los usuarios web soportándolo. Aquà hay un ejemplo final:
Fuente original del artÃculo: Bricss
Traducción realizada por elWebmaster.com











Viernes, 19 de Octubre de 2012 a las 19.48
Sigan asi, me parece excelente la cantidad y calidad de información que publican todas las semanas, una sugerencia…. podrÃan volver a sacar cursos como los de flash, dreamweaver y otros que sacaron antes? esa época fue sensacional, siempre estaba pendiente del newsletter para ver que nuevo aporte traÃan, y actualmente hay temas de los que se podrÃa hablar en un curso similar y seria importante para muchos d los lectores….. Gracias!