CSS3 Box Shadow

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=”http://codingtag.com/wp-content/uploads/2016/07/onTime-Infotech-FB.jpg” style=”width:400px;height:350px;”>
<br><br>
<center> Box Shadow Example </center>
</div>
</body>

</html>

RESULT:

CSS-3-Box-Shadow




Leave a Reply

avatar
  Subscribe  
Notify of