Keyframe syntax

See Also

Competencies

• Interface Prototyping HTML & CSS
• Interaction Design Interaction Animations
• Interaction Design Responsive Layout

Resources

Guides

• A Complete Guide to Flexbox
• A Complete Guide to Grid

Articles

• Anatomy of a CSS rule
• How Functional Animation Helps Improve User Experience

Tools

• Google Fonts

References

• CSS Transition Property
• MDN Keyframe
• MDN Using CSS Transition
• CSS Reference
• CSS: Cascading Style Sheets
• MDN’s documentation for CSS
• Media Queries for Standard Devices

Tutorials

• CSS Transition Tutorial
• CSS Diner
• Flexbox Froggy
• Grid Garden
• Grid by Example
• Learn to Code HTML & CSS
• The Experimental Layout Lab