Skip to content

marelycarcamo/BoxShadow

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 

Repository files navigation

Ejemplo Box Shadow

https://marelycarcamo.github.io/BoxShadow/

Descripción

Este es un programa HTML y CSS que muestra una serie de cajas con diferentes estilos de sombras. Cada caja tiene un estilo de sombra único que se aplica utilizando la propiedad `box-shadow` de CSS.

Funcionalidad

El programa realiza las siguientes operaciones:

  • Muestra una serie de cajas.

    El programa muestra una serie de cajas dispuestas en un contenedor flexible. Cada caja tiene un ancho de 200px, una altura de 80px, un color de fondo blanco humo, un margen de 20px y está centrada tanto vertical como horizontalmente.

  • Aplica estilos de sombra a las cajas.

    Cada caja tiene un estilo de sombra único que se aplica utilizando la propiedad box-shadow de CSS. Por ejemplo, la caja "A" tiene una sombra de -5px en el eje X y Y, la caja "B" tiene una sombra de -5px en el eje X y Y con un desenfoque de 5px, y la caja "C" tiene una sombra de -5px en el eje X y Y con un desenfoque de 0 y un radio de 5px.

Uso

Para ver este programa en acción, simplemente abre el archivo HTML en un navegador web. Verás una serie de cajas con diferentes estilos de sombras.