How to use smooth box shadow in webpage

How to use smooth box shadow in webpage
How to use smooth box shadow in webpage



Webkit and Mozilla:

-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.15);
box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.15);

Standard CSS:

<style>
.bg {
    padding:20px;
    background:#EEE;
}
.box {
    background: #fff;
    width: 400px;
    height: 100px;
    box-shadow: 0px 2px 3px rgba(0,0,0,.13) ,
   1px 2px 2px rgba(0,0,0,.1) ,
   -1px -2px 2px rgba(0,0,0,.05) ;
   margin:auto;
}
</style>
<div class=”bg”>
    <div class=”box”>
    </div>
</div>

Comments

No comments yet. Why don’t you start the discussion?

Leave a Reply

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