Shobha
The best way to predict the future is to invent it
How does the box-shadow property work?
The box-shadow property creates shadows around elements with customizable position, size, blur, and color.
Syntax:
box-shadow: offset-x offset-y blur-radius spread-radius color inset;
offset-x/y: Shadow position (horizontal/vertical).
blur-radius: Softness of edges (default 0 = sharp).
spread-radius: Size of shadow (positive = expand, negative = shrink).
color: Shadow color (HEX, RGB, etc.).
inset (optional): Makes shadow appear inside the element.
Syntax:
box-shadow: offset-x offset-y blur-radius spread-radius color inset;
offset-x/y: Shadow position (horizontal/vertical).
blur-radius: Softness of edges (default 0 = sharp).
spread-radius: Size of shadow (positive = expand, negative = shrink).
color: Shadow color (HEX, RGB, etc.).
inset (optional): Makes shadow appear inside the element.