O'Reilly logo

HTML5 and CSS3 Transition, Transformation, and Animation by Gianluca Guarini, Aravind Shenoy

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

CSS3 transforms

In CSS3, we can change the position of the elements without disrupting the normal flow. Apart from that, we can define the two dimensional as well as the three dimensional outlook of the elements. In CSS 2D transforms, we can rotate, skew, translate, and scale the elements. We will first look at the 2D transforms in CSS3, in which we will learn about the rotate, skew, translate, and scale properties of CSS3.

rotate

Using the rotate feature, we can rotate any element clockwise or counterclockwise. If we use a positive value as the parameter value in degrees, then the element will be rotated clockwise. A negative value will rotate the element counterclockwise. We can rotate an element to an extent of 360 degrees.

We use the following ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required