CSS3 Box Shadow | Coding Tag
×

CSS3 Box Shadow

3099

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:




Best WordPress Hosting


Share:


Discount Coupons

Get a .COM for just $6.98

Secure Domain for a Mini Price



Leave a Reply


Comments
    Waiting for your comments