Transform

CSS Style

Scale: Rotate: TranslateX: TranslateY: SkewX: SkewY:

CSS Preview

Transform

{
    -moz-transform: scale(0.8) rotate(5deg) ;
    -webkit-transform: scale(0.8) rotate(5deg) ;
    -o-transform: scale(0.8) rotate(5deg) ;
    -ms-transform: scale(0.8) rotate(5deg) ;
    transform: scale(0.8) rotate(5deg) ;
}

Do you find this helpful?

CSS Transform Maker

Catch a quick code of element transformation by this excellent tool. The transform property specifies two-dimensional or three-dimensional transformation of the element.

You can scale, rotate, translate and skew the element by specifying the numbers placed in front of each value. You can translate the element both along the x-axis and the y-axis.

Scale an element up or down the direction of the x-axis and the y-axis. Also, see the extensions for browser support.

Quizzes