Css animasyonun geri dönüşü

Selam.

Css'te animasyonun geri dönüş hızını nasıl ayarlayabiliriz?

Hover ile fare gelince transition efekti veriyorum. Elementim istediğim gibi gidiyor fakat kullanıcı fareyi çekince efektsiz olarak geri hızlı olarak dönüyor. Nasıl ayarlayabilirim?

transition ile verdiğiniz efekte all ekleyin.
transition: 500ms all;
gibi.

@Sulhperver;
https://codepen.io/demiroglu/pen/rompKL delay ve duration ile çözüm bulabilirsiniz hocam

https://codepen.io/larrygeams/pen/pdchG gibi mi

elementin :hover classına değil de direk kendisine verirseniz sorun olmaz

Ama istediğim efekt tıklandığında gelmesini istiyorum Teşekkürler.

Evet hocam sanırım class:after etiketi. Deneyip haber vericem.

İlk defa duyduğum bir yöntem açıklarsanız deneyebilirim

Sen elementin :hover scopuna transition vermişsin ondan dolayı kaynaklanıyor.

element{
     transition:transform 1s;
}
element:hover{
     transform: scale(1.3);
}

gibi düzenleme yaparsan, mouse üzerinden çıktığında da aynı şekilde geri dönüş yapacaktır.