Loading

How to add a shadow to an element in CSS ?

How to add a shadow to an element in CSS ?

LAVANYA M

3y1.1kCSS

Help me on how to add a shadow to an element in CSS.

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Mohamed Azarudeen Z3y ago
Accepted answer
Hi

try this
```
.my-element {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
```
0
Tuhin Paul3y ago
Below are the steps to add a shadow to an element in CSS:

1. Select the element you want to add a shadow to.
2. Add the following CSS property to the element:
```
box-shadow:     ;
```
is the horizontal offset of the shadow.
is the vertical offset of the shadow.
is the blur radius of the shadow.
is the spread radius of the shadow.
is the color of the shadow.
0

Deepak Rawat

Deepak Rawat3y ago








The box-shadow Property

A div element with a 5px blurred, lightblue box-shadow.

0