Anasayfa » Toolkit » Tuesday.css Şu Anda En Sıcak Animasyon Kütüphanesi

    Tuesday.css Şu Anda En Sıcak Animasyon Kütüphanesi

    Şimdiye dek zaten aşina olmalısınız Animate.css gibi birincil animasyon kütüphanesi web tasarımcıları arasında.

    Ama blokta adında yeni bir çocuk var. Salı, ve Onun web animasyonunu zorla almak.

    Bu yeni kütüphane, format veya uygulamada çok farklı değildir. Ancak Salı bir avuç gelir yeni CSS animasyonları sen başka hiçbir yerde bulamıyorum.

    Bu yeni etkiler doğada çok daha ince bu yüzden gerçekten güzel bir sayfaya karıştırmak. İşte bir etkilerin küçük listesi arasından seçim yapabilirsiniz:

    • Solmaya ve genişlet
    • Solmaya ve küçültmek
    • Damga ve sıçrama
    • Açılı salıncak
    • Sola / sağa bırak
    • Squash / germe
    • Menteşe

    Demo sayfasındaki bu listeyi gözden geçirirseniz, tüm efektlerin ortak olan tek şey: fizik.

    Hepsi çok hissediyor fiziğin temelleri için gerçekçi, ve onlar görünüyor yerçekimi kanunlarına uymak. Bu animasyonların hiçbiri üst üste veya yabancı değil. Onlar konum ince fakat dikkat çekici ve daha da önemlisi, onlar inanılır.

    Bence Salı günümüzün en iyi CSS animasyon kütüphanelerinden biri. web animasyonunun gerçekçi bir görüntüsü.

    Ağrıyan bir parmak gibi göze çarpan çılgın arayüz efektleri tasarlamamalıyız.. İncelik her zaman oyunun adıdır çünkü etkileşim duygusu yaratır Herhangi bir kullanıcı girişinden tıklama mı yoksa kaydırma mı.

    Sorun her zaman bu animasyonları sıfırdan yazmakta ve doğru görünmelerini sağlamak olmuştur. Fakat şimdi Salı günü endişeleriniz hemen dışarı uçabilir.

    Sadece GitHub'dan bir kopyasını indirin ve ekle .css sayfanıza dosya. Aslında yapabilirsin doğrudan CDH sürümünü GitHub’tan kullanın. yerel olarak herhangi bir şey indirmek istemiyorsanız.

    Bu web sayfanıza eklendiğinde, eklemek .hareketli tescilli sınıflardan herhangi biriyle birlikte sınıf GitHub deposunda listelenmiştir. Kodunuz şuna benzer olabilir:

     

    Bugün Salı.

    Bir göz atın tam dokümantasyon Görmek tüm giriş / çıkış animasyon sınıflarının listesi.

    JavaScript ile çalışıyorsanız, ayrıca bu sınıfları dinamik olarak ekle click / hover olayları üzerine. Bu şekilde, yalnızca bir kullanıcı bir düğmeyi tıklattığında animate sınıfını ekleyebilirsiniz;.

    Salı ile yapabileceğiniz çok şey var ve bu gerçekten pratik UI animasyonları için yeni Animate.cs'ler..

    Bir göz atın demo sayfası eylemde yaşadığını görmek için “yapım aşamasında” posta Shakr ekibinin Salı günü nasıl yaratıldığı hakkında.