HTML5 Animations Made Easy with Animate.css

Take your web development skills to the next level with animation! Animate.css makes it easy to animate any HTML object with two simple classes. Learn to control when an animation starts, what happens when an animation completes, and much more.
Course info
Rating
(11)
Level
Beginner
Updated
Jun 6, 2018
Duration
2h 16m
Table of contents
Description
Course info
Rating
(11)
Level
Beginner
Updated
Jun 6, 2018
Duration
2h 16m
Description

At the core of front-end development is a thorough knowledge of CSS animations. In this course, HTML5 Animations Made Easy with Animate.css, you’ll learn how to easily apply basic Animate.css animations and even customize your own animations. First, you’ll learn how to apply simple Animate.css animations. Next, you’ll explore how to adjust settings of Animate.css like duration, delay, and iteration count. Then, you'll see how to control when an animation happens using simple jQuery events and how to make something else happen when an animation completes. Finally, you’ll discover how to create your own custom Animate.css animation and make it part of Animate.css When you’re finished with this course, you’ll have a foundational knowledge of Animate.css and basic CSS animations that will help you as you move forward to bringing life to your websites and taking your web development skills to the next level.

About the author
About the author

Jeff has 10+ years experience in the digital learning and media industry. Currently he is Founder and Head Trainer/Sensei at Learning Dojo, a company dedicated to training you to become a software ninja in a variety of eLearning, web, and mobile related software applications.

More from the author
Interactive HTML5 Video and Audio
Beginner
5h 29m
Jan 14, 2019
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hello, and welcome to this Pluralsight course on how to create HTML5 animations easily using Animate. css. My name is Jeff Batt, and I'm excited to be able to spend some time with you exploring Animate. css. Animate. css is an easy-to-use framework that makes animation simple. You will be able to bring to life your website and take your development skills to the next level. We will explore how to get started with basic animation. Then we will cover to how to change basic animation settings like durations, delays, and iterations. We will then dive deeper into how to control animations using basic jQuery commands. We will even learn how to fire code after an animation completes. And then finally, we'll wrap up how to build our own custom animations that can be integrated right into Animate. css. Animate. css is a simple, yet powerful framework. It's great for beginners just starting out with animations and flexible enough to give more control for more advanced developers. To get started with this course, you'll need to know a little bit of the basics of HTML, as well as some basic CSS. As long as you know basic HTML and CSS, you'll be able to work with the code files and be able to edit some of the code that we're going to be working with inside of this course. We will cover everything you need to know to become an Animate. css ninja and bring to life your HTML website. All right, so enough talking. Let's go ahead and get started.