January 19, 2010

Code for rounded corners & box shadow

Here is the code.  Class=contentbox was added to all the classes needing rounded corners and shadows.

<div class="box600 contentbox">

Full “.contentbox” code:

.contentbox { 
border-top: 1px solid #fff;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
border-left: 1px solid #fff; 
/* End White border */
-khtml-border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px; 
/* End Rounded corners */
-moz-box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.9);
-webkit-box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.9);
box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.9); 
/* End Box shadow */
}

0
Comments (View)
blog comments powered by Disqus