Wednesday, 23 May 2012

CSS Style Sheet Language


Border Radius


·         border:dashed 5px #000000;
·         -moz-border-radius-topleft: 5px;
·         -moz-border-radius-topright:5px;
·         -moz-border-radius-bottomleft:5px;
·         -moz-border-radius-bottomright:5px;
·         -webkit-border-top-left-radius:5px;
·         -webkit-border-top-right-radius:5px;
·         -webkit-border-bottom-left-radius:5px;
·         -webkit-border-bottom-right-radius:5px;
·         border-top-left-radius:5px;
·         border-top-right-radius:5px;
·         border-bottom-left-radius:5px;
·         border-bottom-right-radius:5px;

Gradient

Linear

·         background:-webkit-gradient(linear, 80% 20%, 10% 21%, from(#866400), to(#FF4E28))

Radial

·         background:-webkit-gradient(radial, 165 0, 0, 220 -257, 465, from(#866400), to(#FF4E28))


CSS Transform


·         -webkit-transform: rotate(90deg) scale(1) skew(1deg) translate(10px);
·         -moz-transform: rotate(90deg) scale(1) skew(1deg) translate(10px);
·         -o-transform: rotate(90deg) scale(1) skew(1deg) translate(10px);
 

Rotate


·         -moz-transform: rotate(39deg) ;
·         -o-transform: rotate(39deg) ;
 ·         -webkit-transform: rotate(39deg) ;

Scale

·         -webkit-transform: scale(0.806, 1);
·         -moz-transform: scale(0.806, 1);
·         -o-transform: scale(0.806, 1);
 

Skew

·         -webkit-transform: skew(-57deg, 1deg) ;
·         -moz-transform: skew(-57deg, 1deg) ;
·         -o-transform: skew(-57deg, 1deg) ;
 

Translate

·         -webkit-transform: translate(-17px, 0px);
·         -moz-transform: translate(-17px, 0px);
·         -o-transform: translate(-17px, 0px);