CSS: Enhancing Interfaces with Animation

CSS: Enhancing Interfaces with Animation

English | MP4 | AVC 1280×720 | AAC 48KHz 2ch | 0h 55m | 195 MB

Push your interfaces further and make websites more engaging by integrating animations throughout the site. In this course, learn how to leverage CSS to incorporate interactive animations that enhance features and layouts. Examine principles and best practices that should guide your use of animation. Find out how to use transitions, keyframe animations, and transforms to give users a better overall experience. Discover the importance of fine-tuning the duration, speed, and choreography of dynamic elements. See how to make buttons, menus, and cards more fun and inviting. Consider theories, practical uses, and more as you explore the use of movement in UI.

Table of Contents

1 Why animations
2 Best practices
3 The 12 principles of animation
4 The 12 principles used in UI
5 Animation choreography
6 Squencing and easing
7 Transformations
8 Focal elements
9 Creating button animations
10 Creating menu animations
11 Challenge Create a card animation
12 Solution Create a card animation
13 Moving on with animations