How to give shadow in css
Labels:
box shadow,
css
·
To give shadow, box-shadow property is used.
Here is the general syntax to use this property:
box-shadow:h-value v-value blur spread color inset;
Let's make a rectangle with some shadow effect:
CSS:
HTML
<div class="shadow"></div>
Here is what we create:
Here is the general syntax to use this property:
box-shadow:h-value v-value blur spread color inset;
Let's make a rectangle with some shadow effect:
CSS:
.shadow
{
width:250px;
height:250px;
background-color:#666;
box-shadow:10px 10px 10px 5px #333;
-webkit-box-radius:10px 10px 10px 5px #333;
-moz-box-shadow:10px 10px 10px 5px #333;
}
<div class="shadow"></div>
Here is what we create:
Subscribe to:
Posts (Atom)
