Multiple animation properties

HTML & CSS
1

If I do this: animation-duration: 1s;

Will that give 1s to both animation names?

Meaning, I don’t need to specify both: animation-duration: 1s, 1s;

  animation-name: tv-static, shutdown;
  animation-duration: 1s, 1s;
  animation-delay: 0s, 1s;
  animation-fill-mode: forwards;
2

Yes it will.

However why not use shorthand as its shorter code, easier to read and more obvious once you know it. All the above can be replaced with one line.

animation: tv-static 1s forwards, shutdown 1s 1s forwards;

1 Like
3

I don’t use animations a lot and so, I don’t know all the different property names by memory.

4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.