Animate.css kullanımı sitelerde çok güzel ve hızlı efektler oluşturmak için önemli bir css ‘ dir. Animate css özellikleri ve kullanımı için hazırlamış olduğumuz yazıda sizelere yarımdımcı olacağız. Videolu ve yazılı olarak animate.css kullanımına geçelim

Animate.css Nasıl İndirebilirim ?
Bu oldukça basit. Sayfadaki ” Github’ta İndir” bağlantısını tıklayın veya animate.css github sayfasını ziyaret etmek için bu bağlantıyı tıklayın . Bir .min.css dosyasının ne olduğunu biliyorsanız, hemen devam edin ve sadece bu sürümü kullanın. Yapmazsanız, kodlama kümesine erişmek için sayfanın ortasındaki animate.css bağlantısına tıklayın.



animasyon-Css ham kodAnimate.css öğesini tıkladıktan sonra, üstte bulunan seçeneklerle başka bir GitHub sayfasına yönlendirilirsiniz. Buradan Raw’ı tıklayın. Bu eklentinin tam kodlama spektrumunu temel metin formatında yükleyecektir. Buradan, bunu animate.css adlı bir dosyaya kopyalayıp yapıştırabilir veya Dosya> Sayfayı Farklı Kaydet’e aktarabilirsiniz.

Açıkçası dosyayı bir daha bilgisayarınıza tekrar bulabileceğin bir yere sakla. Sisteminizde yerel olarak indirilen dosyayla, dosyayı FTP sunucunuza yüklemeye hazırsınız. Bunu nasıl yapacağınızı bilmiyorsanız, sadece… bu eğiticiyi okumayı bırak. Size yardımcı olacak bir sorun yok, ancak bir sunucuya yüklemek, burada ele almadığımız 100 düzey öğelerdir.

Animate.css Siteye Ekleme
Herhangi bir dosyaya (css, js, vb.) Yüklediğinizle aynı, HTML sayfanızın başındaki dosyaya (veya header.php include) bir çağrı yerleştirmek zorundayız.


Dürüst olmak gerekirse, bu kadar. Sadece bu aşamadan itibaren, küçük CSS3 animasyonlarından yararlanmaya başlamaya hazırız.

Kaynak