Expanded

Mastering CSS Animations

In this course, you gain a solid understanding of how CSS animations work, as well as practical experience when implementing them. Software required: Adobe Photoshop CC 2014, Sublime Text 2.
Course info
Rating
(47)
Level
Advanced
Updated
Jun 11, 2015
Duration
1h 34m
Table of contents
Description
Course info
Rating
(47)
Level
Advanced
Updated
Jun 11, 2015
Duration
1h 34m
Description

In this course, you gain a solid understanding of how CSS animations work, as well as practical experience when implementing them. We will dedicate the first few lessons towards experimenting with the various CSS properties that make animations work. Then we will create a PNG-based sprite animation, powered by CSS. And then finally, we will create a thumbnail gallery with responsive CSS animations. Software required: Adobe Photoshop CC 2014, Sublime Text 2.

About the author
About the author

Gary Simon has worked exclusively as a freelance designer and design instructor for over 15 years.

More from the author
Building Layouts with the CSS Grid
Beginner
1h 16m
Mar 2, 2018
Building Websites with Bulma
Intermediate
1h 41m
Oct 27, 2017
Building Websites with Skeleton CSS
Intermediate
1h 16m
Aug 9, 2017
More courses by Gary Simon
Section Introduction Transcripts
Section Introduction Transcripts

Introduction and Project Overview
[Autogenerated] Hi, everyone. My name is Gary Simon and I've been a freelance designer for the last 15 years and have had the privilege of working with literally over 1000 clients on a wide variety of projects. In this course, we're going to work exclusively with CSS animations. While CSS animations have been around for a while, you may be surprised what you might be missing out on, as there's a lot of very interesting things you could do. Initially, we're going to take a look at exactly how CSS animations work, along with the most important properties for controlling these animations. Then we're going to develop a custom CSS, PNG based spray animation. And then finally, we're going to create a thumbnail gallery that utilizes exciting three D. C. S s animations. Some of the key takeaways from watching this course include learning the fundamentals of CSS animations, PNG based bright animation techniques as well as three D. C. S s innovations that you comply to user interfaces. By the end of this training, you have a solid understanding of CSS animations along with the salt grip on how to use them effectively on your own projects. I'm excited to work with digital tutors and share these techniques with you. So let's get started with the first lesson