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...