How to use shorthand syntax with the CSS animation property

When using CSS shorthand syntax, sometimes order matters and sometimes it doesn't. Learn about how to use the shorthand syntax with the CSS animation property. Click “show more” for links to extra resources and examples.

Prefer an article? Read the Medium companion articles here: christinatruong.medium.com/

-----------------------------------------------------------------------------------------
✊🏼 SUPPORT THE CHANNEL
Grab my 11-page CSS Selectors Reference Guide (PDF), grab some CSS merch or contribute to my coffee fund!
☕️ ko-fi.com/christinatruong/shop
🛍️ madeby.christinatruong.com

-----------------------------------------------------------------------------------------
👀 CHECK OUT MY COURSES!
If you're looking to start a career in web development or refresh your knowledge, check out my courses. Signup below for a 1 month free trial OR check with your local public library or university. Many offer free access!

⭐️ CSS Essential Training - christina.fyi/css
⭐️ CSS Layouts: From Float to Flexbox and Grid - christina.fyi/css-layouts
⭐️ Getting Your First Job as a Web Developer - christina.fyi/dev-jobs
⭐️ Programming Foundations: Version Control with Git - christina.fyi/git
⭐️ CSS: Design Systems and Architectures - christina.fyi/css-design-systems
⭐️ Getting Your Website Online - christina.fyi/website-online
⭐️ Workflow Tools for Web Developers - christina.fyi/workflow-tools

-----------------------------------------------------------------------------------------
📚 READ MY MONTHLY NEWSLETTER
Subscribe on Substack: bychristina.substack.com/
Subscribe on LinkedIn: www.linkedin.com/newsletters/decoded-by-christina-…

-----------------------------------------------------------------------------------------
👋🏼 FOLLOW
twitter.com/christinatruong
instagram.com/christina.is.online
linkedin.com/in/christinatruong

#DecodedByChristina #HTML #CSS