CSS Animations
Use CSS to apply interactive animations to an interface.
Schedule of the day
- Doubts and Exercise Review
- Intro to CSS animation
- Intro to keyframes
- Wrap up
- Workshop - Finish your website
Examples
See Also
Competencies
- Interface Prototyping HTML & CSS
- Interaction Design Responsive Layout
- Interaction Design Interaction Animations
Lessons
Resources
Articles
Tutorials
- An Interactive Guide to CSS Transitions
- CSS Diner
- Flexbox Froggy
- Grid Garden
- Grid by Example
- Learn to Code HTML & CSS
- The Experimental Layout Lab
References
- CSS Transition Property
- Keyframe syntax
- MDN Keyframe
- MDN Using CSS Transition
- A Complete Guide to Flexbox
- A Complete Guide to Grid
- CSS Syntax
- Learn CSS Grid
- MDN’s documentation for CSS
- CSS Reference
- CSS: Cascading Style Sheets
- Media Queries for Standard Devices