CSS Animations and Transitions (online workshop)
Author: Rachel Nabors
For Web Developers, Designers
For many designers and front-end developers, CSS animations and transitions are the first stop in a long journey of motion design discovery. What seems simple at first glance is actually riddled with new concepts like easing and hardware acceleration. This cat-themed workshop gives students hands-on exercises mastering the basics while exposing some of the core theories of traditional animation and some of the more complex performance topics.
Key take aways:
A recording of this session and its exercise files will be provided after the workshop!
Скрытое содержимое.
Author: Rachel Nabors
For Web Developers, Designers
For many designers and front-end developers, CSS animations and transitions are the first stop in a long journey of motion design discovery. What seems simple at first glance is actually riddled with new concepts like easing and hardware acceleration. This cat-themed workshop gives students hands-on exercises mastering the basics while exposing some of the core theories of traditional animation and some of the more complex performance topics.
Key take aways:
- Handle and manipulate play state
- Animate spritesheets with only a few lines of code
- Create your own custom timing functions
- Add subtle parallax effects by transitioning transforms
- Chain animations
- Avoid and test for animation performance issues
- CSS animations and transitions mastery
- Building complex keyframe blocks with little code
- Stacking animations with delays
- Chaining animations with event listeners
- Transition callbacks
- Performant animation tricks
- Testing performance with dev tools
- Using cutting edge dev tools to inspect and tweak animations and transitions
- How easing works
- Create your own custom cubi-beziers
A recording of this session and its exercise files will be provided after the workshop!
Скрытое содержимое.
Price: $49.00