resplandor - Sombra de caja CSS3: ambas, externa e interna
resplandor css (1)
¿Es posible crear una sombra exterior para un efecto 3D y un resplandor interior? Tengo un div con un fondo verde lima que está encima de un div azul. Hasta ahora, tengo lo siguiente:
.greendiv{
background:darkgreen;
box-shadow: box-shadow: 10px -7px 15px darkgray;
box-shadow: lightgreen 0px 0px 3px inset;
}
Los colores reales están en formato #ffffff. Parece que la segunda declaración cancela la primera. ¿Hay alguna forma de evitar esto?
Simplemente declara box-shadow una vez, y usa ambas versiones dentro, separadas por una coma:
http://www.w3.org/TR/css3-background/#the-box-shadow
La propiedad ''box-shadow'' adjunta una o más sombras paralelas al cuadro. La propiedad es una lista de sombras separadas por comas, cada una especificada por 2-4 valores de longitud, un color opcional y una palabra clave opcional "insertada".
Entonces, para ti:
.greendiv {
background: darkgreen;
box-shadow: 10px -7px 15px darkgray, lightgreen 0px 0px 3px inset;
}