Sayfa yüklenirken çirkin duran transition’ları engellemek

Merhaba arkadaşlar,

Artık yaptığımız  işlerde transition kullanıyoruz, bazı elementleri rotate yapıyoruz veya kaydırma işlemlerinde kullanıyoruz.

 

Bu efekt sayfa yüklenirken aynı işlemi yapıyor ve kötü görüntü oluşturuyor.

Örnek :

Bunu engellemek için body’ye bir class veriyoruz

CSS’e aşağıdaki kodu ekliyoruz

Şimdi sitedeki tüm transition’ları iptal etmiş olduk. Şimdi sayfa yüklendikten sonra Jquery ile body’ye eklediğimiz preloader class’ını sileceğiz.

 

Sorun çözüldü 🙂

 

Kaynak :  https://css-tricks.com/transitions-only-after-page-load/