How to set transition for multiple transform element with another time?

I mean exactly for skew and another for scale? So it can set transition for transform but how set own times for two transform transition? To not be same.

Thanks.

Thanks for helping really appreciated!

So say you have an animation that scales and one that rotates, you can add multiple animations to one element:

  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }  
  100% {
      transform: scale(1);
    }
}

@keyframes turn-it {
  0% {
    transform: rotate(0deg);
  } 
    100% {
      transform: rotate(-360deg);
    }
}

#element {
  animation: scale-me 4s infinite ease-in-out, turn-it 20s infinite linear;
}
1 Like

Wohoooooooooooooooooooooooooooo! Is an awesome answer Thank you so MUCH!!!