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

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…

Contents