Sayfa Açılırken Menüler Hareketli Şekilde Yükleniyor

Sayfa geçişlerinde menü yazılarının izlerini nasıl yok edebilirim?

http://giv.tuyograf.com

Sorun CSS transition özelliğinin yanlış kullanımından kaynaklanıyor. Sorunun yaşandığı kod parçacığı aşağıdaki gibidir.

.navbar .navbar-container .navbar-inner .navbar-inner--navigation-wrapper .navigation-wrapper--menu-wrapper .menu-desktop .menu-item a {
  transition: all .2s ease-in-out;
}

CSS Transition özelliğinin yapısı da aşağıdaki gibidir.

transition: <property> <duration> <timing-function> <delay>;

Bu özelliğin ilk parametresi animasyon vermek istediğimiz özelliğin kendisi olmalı. Mesela renk değişikliğini animasyon kullanarak yapmak istiyorsak all demek yerine color parametresini kullanmalıyız. All parametresinin normalde herhangi bir zararı da yok. Ancak Wordpress temalarında ki gibi aynı seçicilere birden fazla CSS tanımı yapılıyorsa ve son eklenen CSS dosyası önceki tanımları yeniden tanımlıyorsa site açılışında bu tür sorunlar yaşanabiliyor.

Sorununyaşandığı kod parçacığındaki all'ı color yaptım, ayrıca tüm all'ları color yaptım değişiklik olmadı.

Cevap Yaz

Cevap yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git