BoxShadow

box-shadow CSS3 property

HTML

<!DOCTYPE html>
<html>
<head>
    <title>BoxShadow</title>
</head>
<body>
   
    <div id="example_B">
        example B
    </div>
    
</body>
</html>

CSS

body
{
    font-family: Segoe UI;
}
div
{
    background-color: #EEEEEE;
    float: left;
    height: 65px;
    margin: 40px;
    width: 160px;
    text-align: center;
    padding-top: 50px;
}
/*box-shadow: horizontal offset, vertical offset, blur radius,spread radius, color,[inset]  */
#example_A
{
    box-shadow: -5px -5px #888888; 
}

#example_B
{
    box-shadow: 5px 5px red;
}

#example_C
{
    box-shadow: 10px 10px #888888 inset;
}

#example_D
{
    box-shadow: -5px -5px 5px #888888;
}

#example_E
{
    box-shadow: -5px -5px 5px 5px  #888888
}

#example_F
{
    box-shadow: -5px -5px 5px 5px #888888 inset;
}

#example_G
{
    box-shadow: 0 0 5px 5px #888888;
}