CSS Animation offers a whole new way to bring motion to interactive projects. It's a core skill for web designers and developers and a feature users have come to expect from modern websites. This CSS 3 Animation training course will provide training on a series of CSS animation features such as rollover buttons, 3D transforms, animated graphics and logos, load screens, and more. This course will also cover CSS Flexbox, aka the Flexible Box Layout model, an important part of the evolution of CSS3 layouts.
By attending CSS 3 Animation workshop, delegates will learn:
- Using CSS transforms and transitions
- Working with animation-delay and animation-fill-mode
- Timing and easing CSS animations
- Animating elements in place
- Animating sprite images
- Animating CSS transforms and transitions
- Chaining multiple animations
- Animating SVG images
- Reviewing Flexbox support
- Defining elements
- Controlling element flow
- Wrapping content
- Defining display ratios
- Aligning single and multiple items
- Nesting flex containers
- Basic knowledge on HTML5 and CSS3.
- For those who want to go beyond basic CSS3 and learn advanced CSS3
- For those who want to learn CSS3 animation
