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
CSS transitions provide a way to smoothly change the values of CSS properties over a given amount of time. With CSS transforms, you can move, rotate, scale, and skew elements in 2D and 3D space.
Resources
Video review
- CSS transitions feature let you smoothly change one, or several, CSS properties from one value to another over a given amount of time.
- CSS transforms let you change the position of an element and alter its shape, without disrupting the normal document flow.
- Transitions and transforms are not related CSS features; they can both stand alone.
- You can create a transition without a transform, and you can transform an element without a transition.
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
Thanks for joining me in
CSS Transitions and Transforms.
0:00
In this course, you're gonna build your
CSS skills by learning two exciting
0:02
features developers commonly use
to create simple animations and
0:06
enhance the interactive of websites and
apps.
0:10
So by now you know that with
CSS you can control how
0:13
webpages appear in the browser.
0:16
For instance, you can set the color
of a button or the layout and
0:18
positioning of your content.
0:21
With CSS transitions and transforms,
you can add a little life to your content
0:23
with animations that shift from
one set of styles to another.
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