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 Githubta İ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ı Kaydete 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.
<link rel="stylesheet" href="css/animate.css">
Dürüst olmak gerekirse, bu kadar. Sadece bu aşamadan itibaren, küçük CSS3 animasyonlarından yararlanmaya başlamaya hazırız.
[SIZE="6 [URL="https://tik.lat/RBXk3"] Kaynak[/URL]
[/SIZE]
Youtube Canlı Anlatalım
[ame]https://www.youtube.com/watch?v=HW20oecz-4E[/ame]
Animate.css Nasıl İndirebilirim ?
Bu oldukça basit. Sayfadaki Githubta İ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ı Kaydete 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.
<link rel="stylesheet" href="css/animate.css">
Dürüst olmak gerekirse, bu kadar. Sadece bu aşamadan itibaren, küçük CSS3 animasyonlarından yararlanmaya başlamaya hazırız.
[SIZE="6 [URL="https://tik.lat/RBXk3"] Kaynak[/URL]
[/SIZE]
Youtube Canlı Anlatalım
[ame]https://www.youtube.com/watch?v=HW20oecz-4E[/ame]
