Çarşamba 29 Haziran 2022
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Whitepaper Nedir?

Tailwind CSS, Bootstrap’in Yerini Alabilir mi?

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. Arayüz
  3. Tuesday.css – İlginç CSS Animasyon Kütüphanesi
 Tuesday.css – İlginç CSS Animasyon Kütüphanesi
Arayüz CSS

Tuesday.css – İlginç CSS Animasyon Kütüphanesi

Yazar : Fatih 8 Şubat 2017 1 Comment

Şimdiye kadar Web gelişticileri tarafından ilk tercih edilen CSS animasyon kütüphanesi Animate.css hemen herkes duymuş ve kullanmıştır.

Tuesday adında yeni bir CSS kütüphane ortaya çıkmış ve web animasyonunda rekabeti zorlayacak gibi duruyor.

Bu yeni kütüphane tamamen format veya uygulama bakımından farklı değildir. Lakin Tuesday başka hiçbir yerde bulamayacağınız özgün bir tutam CSS animasyonuyla geliyor.

Bu yeni efektler doğal hemen göze çarpan efektlerdir. Bu yüzden gerçek anlamda güzel bir şekilde hazırlanmış sayfalarda çok iyi uyum sağlayacaklardır. Aşağıda seçebileceğiniz efektlerin küçük bir listesi verilmiştir.

  • Fade & expand
  • Fade & shrink
  • Stamp down & bounce
  • Angled swing
  • Drop in from left/right
  • Squash/stretch
  • Hinge

Demo sayfasındaki bu listeyi baştan sona incelerseniz, tüm efektlerin ortak bir özelliği olduğunu rahatlıkla görebilirsiniz.

Her bir animasyon fizik temelleri bakımından kendini çok gerçekçi hissettiriyor ve yer çekimi yasalarına dayandığını görüyoruz.

tuesday-preview-menu

Bence Tuesday.css en modern CSS animasyon kütüphanelerinden biridir çünkü web animasyonunda gerçekçi bir görünüm sunmaktadır.

Her zaman ince eleyip sık dokumak sizi farklı kılacaktır çünkü bir tıklama veya sayfa kaydırma olsun herhangi bir kullanıcı girdisi almak olsun son kullanıcıda etkileşim hissi yaratması oldukça önem arz etmektedir. Tuesday ile kullanıcı etkileşimini yakalayacağınıza eminim. 🙂

GitHub’dan bir kopyasını indirin ve .css dosyasını sayfanıza ekleyin. Yerel olarak herhangi bir şey indirmek istemiyorsanız GitHub’tan doğrudan CDN sürümünü kullanabilirsiniz.

Tüm giriş/çıkış animasyon sınıflarının listesini görmek için tüm dokümantasyona göz atabilirsiniz. Bu arada not olarak şunuda belirtmekte faide JavaScript ile çalışıyorsanız bu sınıfları tıklama/gezinme(click&hover events) durumlarını dinamik olarak ekleyebilirsiniz.

Bu CSS kütüphanesiyle haşır neşir olup uygulamalar yapan bizimle paylaşırsa çok memnun oluruz. Webmaster.Kitchen mutfağı herkesin mutfağı.. 😉 Umarım faideli olmuştur. Herkese verimli ve iyi çalışmalar diliyorum. Mutfaktan ayrılmayın bizimle kalın. 🙂

Etiketler: CSS animasyon kütüphaneleri CSS animasyon kütüphanesi CSS library Tuesday.css Tuesday.css nasıl çalışır Tuesday.css nedir Tuesday.css neler yapılır
Önceki Yazı
Sonraki Yazı

Fatih

author

1 Yorum

  • İbrahim ÖZTÜRK says:
    8 Şubat 2017 at 16:09

    Animasyonlar kısa, gerçekçi ve şık görünüyor gerçekten çok iyi kesinlikle kullanacağım teşekkürler. 🙂

    Reply

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Blockchain

Whitepaper Nedir?

21 Nisan 2022
Arayüz

Tailwind CSS, Bootstrap’in Yerini Alabilir mi?

20 Nisan 2022
Arayüz

JavaScript ile Otomatik Koyu Tema

15 Nisan 2022
Güncel

Jest Kullanarak React Native Nasıl Test Edilir?

13 Nisan 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.