CSS Box Shadow

The CSS box-shadow property is used to apply shadow effects to elements. You can apply the horizontal shadow and the vertical shadow.

Example :

<html>
<head>
<title>Learn Css box shadow tutorials by aryatechno</title>
<style>
div {
width: 270px;
height: 80px;
padding: 13px;
background-color: #0000FF;
box-shadow: 8px 8px 4px #999999;
color:#FFFFFF;
}
</style>
</head>
<body>
<div>Applied box-shadow css property to a div element. </div>
</body>
</html>

Output :

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

96163