How to animate Transform-Scale and then animate Transform-translateX using Transition?

Asked

Viewed 60 times

2

I would like to animate the Scale and then animate the translateX using Transition, is that possible? or I must use Animation and keyframe?

I’d like to do something like this:

.anima{
    transition: transform"scale" 1s, transform"translateX" 2s 1s;
}

.anima{
    transform: scale(.95) translateX(90%);
}

.anima:hover{
    transform: scale(1) translateX(80%);
}
  • So far I haven’t found a solution, so I’m using the Animation, to make the animation to go and back.

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.