Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed CSS Transitions and Transforms!
You have completed CSS Transitions and Transforms!
Preview
The rotate() transform function rotates an element from 0 to 360 degrees clockwise or counterclockwise.
Resources
Video review
-
rotate()accepts arguments in various types of angle units. - The most common unit developers use for rotations is
deg. - A positive value rotates an element clockwise, while a negative value rotates an element counterclockwise.
- Rotations––and all transforms––do not affect the position of nearby elements.
- You may see parts of elements appear on top of other content, but the new positions created by the rotation does not affect surrounding content.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
position, and
change the appearance of HTML elements.
0:00
With transforms we can visually manipulate
content by rotating, scaling, skewing,
0:03
and moving elements in two-dimensional or
even three-dimensional space.
0:08
All CSS transformations happen via
a single property, the transform property.
0:13
So any transform you want on your
page needs to be written as a value
0:19
of the transform property using one or
several transform functions.
0:24
So, this page lists all of
the transformation functions
0:28
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up