2D Animation with CSS Animations - Complete course and Project [Video]

2D Animation with CSS Animations - Complete course and Project [Video]

Aarthi Elumalai
New Release!

Create 2D Animation with CSS animations (CSS3 methods), interactive examples & projects - hands-on beginner training.
Packt Subscription
FREE
$9.99/m after trial
Video
$10.00
RRP $89.99
Save 88%
What do I get with a Packt subscription?
  • Exclusive monthly discount - no contract
  • Unlimited access to entire Packt library of 6500+ eBooks and Videos
  • 120 new titles added every month, on new and emerging tech
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the subscription reader
$0.00
$10.00
$9.99 p/m after trial
RRP $89.99
Subscription
Video
Start a FREE 10-day trial

Frequently bought together


2D Animation with CSS Animations - Complete course and Project [Video] Book Cover
2D Animation with CSS Animations - Complete course and Project [Video]
$ 89.99
$ 10.00
2D Game Development with Javascript and CSS3 - Create a Memory Game [Video] Book Cover
2D Game Development with Javascript and CSS3 - Create a Memory Game [Video]
$ 101.99
$ 10.00
Buy 2 for $20.00
Save $171.98
Add to Cart

Video Details

ISBN 13 9781838646172
Course Length 4 hours 53 minutes

Table of Contents

Introduction

Video Description

When you hear the term 2D Animation, especially web animations, you probably imagine complicated Javascript codes, Flash or other hard-to-learn proprietary software programs. That's how it was until a few years ago. You had to spend days, or months mastering complicated software or learning a lot of syntaxes until you could create decent web animations. But no more! CSS3, and along with it, CSS Animations were released a few years ago, and they've have made your learning process MUCH easier. If you know the very basics of HTML and CSS, which anyone who has anything to do with coding/web design does, you're all set. Spend a few hours learning a bunch of CSS3 Animation syntaxes, and you'll be creating awesome web effects and keyframe animations in no time at all! Anyone can become a web animator now. Our course has 3 modules, where each module will thoroughly explain the intricacies of one of the concepts in CSS Animations with a wealth of over-the-shoulder examples.

Here are the modules:

Module 1 - Transformations - This is the foundation's module. You'll learn how to manipulate your web elements in this module. You'll learn how to move the elements around the web page, rotate them to any angle you want, resize them, skew them and so much more.

Module 2 - Transition animations - You'll learn how to smoothly transition an element from one state to another in here, so it looks like an animation. Change it's colors, size, position, stylings and so much more based on the conditions you give. You'll also learn to customize the transition animations by delaying them, changing the speed of the animation, changing the duration of the animation and so much more.

Module 3 - Keyframe animations - A bigger and more important concept. In here, you'll learn how to create frames that depict every single animation you want to be applied to your web elements. In the duration of the animation, you'll be able to perform multiple changes to your element. Learn how to give the illusion of movement to create high class animated scenes.

Learn how to create real-world 2D animation effects by using the various properties and features available in keyframe animations. All the code and supporting files for this course are available at: https://github.com/PacktPublishing/2D-Animation-with-CSS-Animations---Complete-course-and-project

Style and Approach

If you follow along with our examples in our over-the-shoulder training and create the effects along with us, you'll be confident in embarking on the world of 2D web animations by the time you finish our course. You'll be able to confidently add this as a skill in your resume.  

Video Preview

What You Will Learn

  • Create 2D web animations of any kind
  • Create animations for your and your clients' websites and web apps
  • Create keyframe animations that can be used in web animation films and videos
  • Create animation effects that can be used in your web games
  • Create cool website effects like rotating buttons, multi-color changing elements, moving element animations, etc.

Authors

Table of Contents

Introduction

Video Details

ISBN 139781838646172
Course Length4 hours 53 minutes
Read More

Read More Reviews

Recommended for You

2D Game Development with Javascript and CSS3 - Create a Memory Game [Video] Book Cover
2D Game Development with Javascript and CSS3 - Create a Memory Game [Video]
$ 101.99
$ 10.00
Vector Graphics with SVG & HTML - Complete Course with Projects [Video] Book Cover
Vector Graphics with SVG & HTML - Complete Course with Projects [Video]
$ 94.99
$ 10.00
A Complete CSS Flexbox Course and a Real World Website Project [Video] Book Cover
A Complete CSS Flexbox Course and a Real World Website Project [Video]
$ 90.99
$ 10.00
Cisco CCNA / ICND1 (100-105) Complete Course: Sims and GNS3 - Part 1 [Video] Book Cover
Cisco CCNA / ICND1 (100-105) Complete Course: Sims and GNS3 - Part 1 [Video]
$ 9.99
$ 8.50
Cisco CCNA / ICND1 (100-105) Complete Course: Sims and GNS3 - Part 2 [Video] Book Cover
Cisco CCNA / ICND1 (100-105) Complete Course: Sims and GNS3 - Part 2 [Video]
$ 9.99
$ 8.50
The Complete iOS 11 and Swift Developer Course - Build 20 Apps [Video] Book Cover
The Complete iOS 11 and Swift Developer Course - Build 20 Apps [Video]
$ 181.99
$ 10.00