Skip to content

Instantly share code, notes, and snippets.

@nicxes
Last active September 17, 2019 15:09
Show Gist options
  • Save nicxes/3a599134fd86e59bcfa630eba856f18a to your computer and use it in GitHub Desktop.
Save nicxes/3a599134fd86e59bcfa630eba856f18a to your computer and use it in GitHub Desktop.
CSS Animations order code

If you want to add this behaviour to a shorthand animation property definition, the order of sub-properties is as follows


animation-duration - default 0s

animation-timing-function - default ease

animation-delay - default 0s

animation-iteration-count - default 1

animation-direction - default normal

animation-fill-mode - you need to set this to forwards

animation-play-state - default running```

Therefore in the most common case, the result will be something like this

```animation: colorchange 1s ease 0s 1 normal forwards;```
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment