CSS Transition Kullanım Hatası

Fatalis dedi:
İlk olarak dropdown tasarımındaki margin'i kaldırın, eleman zaten absolute olarak konumlandırılmış ondan dolayı top,left,bottom,right gibi değerleri kullanarak pozisyonlandırın. Sizin bu sorunu yaşamanızın sebebi dropdown elemanının hover verilen elemandan çok uzak durması, yakınlaştırırsanız sorun çözülür zaten.

Margin bu aradaki mesafenin en büyük sebebi, marginleri kaldırıp left: 0; top: 20px (ihtiyacına göre değiştir) gibi değerler verirseniz transition'a falan gerek kalmayacak.

Dropdown'ın açılıp kapanmasının da transition ile olmasını isterseniz bunun için visibility ve opacity kullanın, display; transition'dan etkilenmez.
Genişletmek için tıkla...

Dropdown elemanını bilerek hoverdan uzaklaştırdım daha hoş bir görüntü sağlıyor diye yaklaştırınca sorun kalmıyor zaten. Ben biraz daha zorlayıp sizlerden yeni bir bilgi öğrenebilirsem gözüme daha hoş gelmesini istiyorum.
 

Benzer konular

Yeniçocuk
CSS transition kullanımı
Mesaj
1
Görüntüleme
531
Netluckie
Netluckie
Yeniçocuk
Tailwind CSS bug hatası
Mesaj
2
Görüntüleme
1.084
Yeniçocuk
Yeniçocuk
D
  • Kilitli
  • Çözüldü
Çözüldü  Style. CSS hatası
Mesaj
4
Görüntüleme
2.096
denizguven6
D
Samhain
CSS Position Kullanımı
Mesaj
9
Görüntüleme
822
Samhain
Samhain
Maraza25
CSS hover kullanımı
Mesaj
1
Görüntüleme
2.388
300319
3

Technopat Haberler

Yeni konular

Yeni mesajlar

Geri
Yukarı