MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.


I'm not curious

CSS: Animations

Course Summary

Presents a short series of CSS animation techniques, such as looping, playing, pausing, and more, and puts them together in a small project: an animated infographic.     


  • +

    Course Syllabus

    Introduction
       Welcome 
       What you should know before watching this course 
       Vendor prefixes and browser support 
       Using the exercise files 
    1. Understanding CSS Animations
       Animation basics 
       Exploring animation delay and the fill-mode property 
       Working with animation direction 
       Understanding easing 
       Challenge: Adding keyframes to our animation 
       Solution: Adding keyframes to our animation 
    2. CSS Animation Building Blocks
       Creating a seamlessly looping animation 
       Animating an element into place 
       Playing and pausing an animation on hover 
       Animating 3D transforms 
       Preparing a sprite image for animation 
       Animating the sprite image with steps 
       Chaining multiple animations on one element 
       Challenge: Adding a third animation to the chain 
       Solution: Adding a third animation to the chain 
    3. Project: An Animated Infographic Illustration
       A preview of what we'll be creating 
       Setting up the HTML structure 
       Adding the header animation 
       Animating the data 
       Adding interactivity with JavaScript 
    4. Performance, Browser Support, and Fallbacks
       Why and when to use CSS animations 
       Organizing animation code for semantics and fallbacks 
       Crafting effective animations 
    5. Tools for Creating CSS Animations
       Helpful online tools for creating and building animations 
    Conclusion
       Next steps 
     

     


Course Fee:
USD 25

Course Type:

Self-Study

Course Status:

Active

Workload:

2 - 3 hours / week

This course is listed under Development & Implementations and Digital Media & Games Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
REDHERRING
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top