Kevin Powell - Community•3y ago

After animation?

So I have a card where if you hover then it scales up. If you remove hover it scales back to normal instantly. How do I make the scaling out as an animation as well?

.card:hover {
    transition: ease 1s;
}

.card:hover {
    transition: ease 1s;
}

2 Replies

Monimolimnion•3y ago

You need to specify what the transition applies to. If you're scaling with transform, then it would be transition: transform 1s ease

glutonium•3y ago

well u won't need animation here it'll go like this

.card{
  transition : 500ms ease-out;
}

.card:hover{
   transform  : scale(1.5);
}

.card{
  transition : 500ms ease-out;
}

.card:hover{
   transform  : scale(1.5);
}

Gaming

Programming

After animation?

Did you find this page helpful?