Setting up shadow boxes on your website.

This is just a short post for you to put shadow inside and outside of your website's page elements such as input text box, text area, buttons, images, etc..

Inside Shadows:

.in-shadow {
        box-shadow: inset 1px 1px 1px #a2a2a2;
        -moz-box-shadow: inset 1px 1px 1px #a2a2a2;
        -webkit-box-shadow: inset 1px 1px 1px #a2a2a2;
}

Outside Shadows:

.out-shadow {
        box-shadow: inset 1px 1px 1px #a2a2a2;
        -moz-box-shadow: inset 1px 1px 1px #a2a2a2;
        -webkit-box-shadow: inset 1px 1px 1px #a2a2a2;
}

Hope you like this. Happy coding!!