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

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

#1

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.


#2

Thanks for helping really appreciated!


#3

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;
}

#4

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