CSS box-shadow Properties
CSS Box Shadow
CSS box-shadow Property
The CSS box-shadow property applies shadow to elements. In its simplest use, you only specify the horizontal shadow and the vertical shadow:
<!DOCTYPE html>
<html>
<head>
<title>CSS Gradient</title>
<style>
div{
width: 300px;
height: 100px;
padding: 15px;
margin-bottom:20px;
}
.box{
background-color: darkblue;
box-shadow: 10px 10px grey; /* box shadow length and height*/
}
.box1 {
background-color: darkblue;
box-shadow: 10px 10px 5px grey; /* box shadow length, height and blur*/
}
.box2 {
background-color: darkblue;
box-shadow: 10px 10px 5px 12px grey; /* box shadow length, height,
blur and width of blur*/
}
</style>
</head>
<body>
<div class="box"></div>
<div class="box1"></div>
<div class="box2"></div>
</body>
