From the course: Delivering Video in Web Experiences
Unlock the full course today
Join today to access over 24,700 courses taught by industry experts.
Animate a video
From the course: Delivering Video in Web Experiences
Animate a video
- [Instructor] In this final exercise, we are going to have some fun with the video that you see here. And actually have it slide into its final position. So it's going to start here and end up somewhere over here. This will be accomplished through the use of CSS keyframe animations. Motion has become quite prevalent on the web. And because it is CSS based, there is no reason why a video element cannot be put into motion. Having said that, let's be really clear about applying motion to a video element. First off, just because you can do it, is no reason to do it. In this example, we're going to have the video slide into place, which is a great use case. Having a bounce or rotate a few times before coming to rest, is nothing more than showing off. And results in a really bad user experience. With that provides out of the way, let's get started. And to get yourself started, open the Animate.html file found in your…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.