Hover gidiş hızı

kalistobey

Femtopat
Katılım
23 Temmuz 2022
Mesajlar
16
Daha fazla  
Cinsiyet
Erkek
Image'e hover eklıyorum bellı bır hız verıyorum, ama mouse uzerınden cekınce çok hızlı yerine gidiyor. İmage geliş hızını nasıl gidiş hızı da yapabilirim?
Yardım için teşekkürler!
 
Son düzenleyen: Moderatör:
kalistobey dedi:
Image'e hover eklıyorum bellı bır hız verıyorum, ama mouse uzerınden cekınce çok hızlı yerine gidiyor. İmage geliş hızını nasıl gidiş hızı da yapabilirim?
Yardım için teşekkürler!
Genişletmek için tıkla...
CSS: 
transition: all 1s ease-in-out;

Yukarıdaki kodla çözebilirsin.

Codepen ile sonucu görebilirsin.
 
Hover olmadığı haline transition ekleyebilirsiniz. Sonrasında hover ile işlemi yaparsınız. Bu sayede mouse üzerinde olunca da üzerinden ayrılınca da transition çalışacaktır. @dgknbzglu örneğini vermiş.
 
dgknbzglu dedi:
CSS: 
transition: all 1s ease-in-out;

Yukarıdaki kodla çözebilirsin.

Codepen ile sonucu görebilirsin.
Genişletmek için tıkla...
Merhaba, Mouse üzerinden çekine yine hızlı bir şekilde gidiyor.Kod ekte bakabilir misiniz?
 

Dosya Ekleri

  • Screenshot_2.png
    5,1 KB · Görüntüleme: 36
kalistobey dedi:
Merhaba, Mouse üzerinden çekine yine hızlı bir şekilde gidiyor.Kod ekte bakabilir misiniz?
Genişletmek için tıkla...
Verilen kodu :hover'a değil. Direkt img'in kendi classına vermelisiniz.
 
Konuyu cevapla
Menü
Giriş yap
Kaydol
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…