![Interactive Web Animations [JavaScript, SVG, CSS & HTML]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVhycZZXjoUtOyly83_TaaHcCrDo-x9YIGJKyAhbjFUu6_SjmmGBBN2JDOdh3K62edelcO4Wm_1n-0ZnJEuRr3ZTFGWqlR8-6soJkSyroG98xgfa03P5kcULOqPKM6gbXUu6quKSMlDvE/s1600/3419142_3622_4.jpg "Interactive Web Animations [JavaScript, SVG, CSS & HTML]")
Highest Rated
Created by
Alexandr Tyurin
English
English
PREVIEW THIS COURSE - GET COUPON CODE
Description
Interactive Web Animations [JavaScript, SVG, CSS & HTML]
CURRICULUM:
1. History of Web Animations
2. CSS Animations
- CSS Animation properties
- CSS Keyframe rule
- CSS Transitions
3. SVG Animations
- SVG Animation elements
- Attribute to identify the target element for an animation
- Attributes to control the timing of the animation
- Attributes that define animation values over time
- Attributes that control whether animations are additive
- SVG elements, attributes and properties that can be animated, and we will also learn Interface Time Event
- Interactivity features in SVG
4. JavaScript Animations
- getElementById() method
- Call planning method setinterval()
- addEventListener() method
- getAttribute & setAttribute methods
- How to penetrate the complex SVG attributes of elements using regular expressions
- 3d positioning
- The functions of constructors
- Creation of SVG primitives
- Сreating arrays of objects, managing their properties
- Capabilities of Web Animation using masks & clip path
- Web Animations API
- Combination of animation techniques
All practical examples of animations in this course are available for download and experiment.
More Courses by Alexandr Tyurin
SVG Fundamental [Complete Language Specification Guide 2020]
"Amazing W3C v.2.0 SVG standard". LEARNING: Theoretical Lessons (Animation Slides) & Practical Exercises (HTML CSS SVG)