CSS3 Box Shadow

by Abhishek 14-Jul-16

0 606


Now you can easily give border, shadow to box through CSS3 (.box-shadow), as well as you can give multiple shadow and color also.

Support Browser - Google Chrome, Mozilla, IE 6.0, Safari, Opera.

Example:

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.box-shadow{
width:400px;
height:400px;
border:1px solid #ddd;
box-shadow:12px 13px 1px #9E9E9E;
-webkit-box-shadow:12px 13px 1px #9E9E9E;
-moz-box-shadow:12px 13px 1px #9E9E9E;
-o-box-shadow:12px 13px 1px #9E9E9E;
}

</style>
</head>

<body>
<div class="box-shadow">
<img src="Image Path" style="width:400px;height:350px;">
<br><br>
<center> Box Shadow Example </center>
</div>
</body>

</html>

Result:

CSS3 Box Shadow


Share:


Comments

    No Comments Yet.

Leave a Reply