• 23-12-2018, 23:32:23
    #1
    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?
  • 23-12-2018, 23:35:03
    #2
    transition ile verdiğiniz efekte all ekleyin.
    transition: 500ms all;
    gibi.
  • 23-12-2018, 23:35:23
    #3
    @Sulhperver;
    https://codepen.io/demiroglu/pen/rompKL delay ve duration ile çözüm bulabilirsiniz hocam
  • 24-12-2018, 00:06:06
    #5
    elementin :hover classına değil de direk kendisine verirseniz sorun olmaz
  • 24-12-2018, 00:38:34
    #6
    onursultansu adlı üyeden alıntı: mesajı görüntüle
    elementin :hover classına değil de direk kendisine verirseniz sorun olmaz
    Ama istediğim efekt tıklandığında gelmesini istiyorum Teşekkürler.

    kafilem adlı üyeden alıntı: mesajı görüntüle
    Evet hocam sanırım class:after etiketi. Deneyip haber vericem.

    Demiroglu adlı üyeden alıntı: mesajı görüntüle
    class ve class:hover şeklinde iki animasyon tanımlayıp denediniz mi?
    İlk defa duyduğum bir yöntem açıklarsanız deneyebilirim
  • 24-12-2018, 08:33:44
    #7
    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.