Sombra de bloque en CSS
Se da un bloque de tamaño 200 por 200.
Añádale una sombra de color rojo, desplazada
hacia abajo 15px, hacia la derecha 20px
y con desenfoque de 5px.
Se da un bloque de tamaño 200 por 200.
Añádale una sombra de color verde, desplazada
hacia arriba 15px, hacia la derecha 20px
y sin desenfoque.
Se da un bloque de tamaño 200 por 200.
Añádale una sombra interna de color negro,
sin desplazamientos, pero con desenfoque de 5px.
Se da un bloque de tamaño 200 por 200.
Añádale una sombra interna de color negro,
desplazada hacia abajo 3px y hacia la derecha
4px, con desenfoque de 3px.
Se da un bloque de tamaño 200 por 200.
Añádale dos sombras - una en la parte superior,
otra en la parte inferior.
Se da un bloque de tamaño 200 por 200.
Añádale cuatro sombras de modo que cada una
esté en un lado del bloque con un desplazamiento de 30px
y sin desenfoque. Es decir, una sombra estrictamente
en la parte superior, otra estrictamente a la derecha y
así sucesivamente.