Populer Post

Loading...

Cara Keren Buat Icon Font Awesome Bergerak

Cara Keren Buat Icon Font Awesome Bergerak
Posted by Yudha Wahyu Pratama
Hallo sobat akal sebelumnya saya pernah membuat artikel tentang bagaimana cara memasang dan menggunakan font awesome dan kali ini saya akan memberikan sedikit trick buat kalian untuk membuat blog anda semakin keren dengan cara membuat Buat Icon Font Awesome Bergerak.

Cara Keren Buat Icon Font Awesome Bergerak


Sebelum mengedit sesuatu admin tampan ini mengingat kan untuk membackup template sebelum melakukan perubahan sekecil apa pun.

Yuk cekidot ke tutorialnya :

Pertama kalian masuk kedashboard blog kalian terus kalian cari edit tema jika sudah masuk silakan kalian cari kode </head>

Copy kode dibawah ini diatas kode </head>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome-animation/0.0.8/font-awesome-animation.min.css">

Kemudian save

Jika sudah kalian save selanjutnya kalian bisa pilih animasi yang sudah admin sediakan dibawah ini

1. Menambah  Animasi faa-bounce animated di font awesome

<i class="fa fa-android faa-bounce animated"></i>

Demo :

2. Menambah Animasi faa-shake animated di font awesome

<i class="fa fa-android faa-shake animated"></i>

Demo :


3. Menambah Animasi faa-vertical animated di font awesome

<i class="fa fa-android faa-vertical animated"></i>

Demo :

4. Menambah Animasi faa-pulse animated di font awesome

<i class="fa fa-android faa-pulse animated"></i>

Demo :

5. Menambah Animasi faa-flash animated di font awesome

<i class="fa fa-android faa-flash animated"></i>

Demo :

6. Menambah Animasi faa-spin animated di font awesome

<i class="fa fa-android faa-spin animated"></i>

Demo :

7. Menambah Animasi faa-tada animated di font awesome

<i class="fa fa-home faa-tada animated"></i>

Demo :

8. Menambah Animasi faa-passing animated di font awesome

<i class="fa fa-home faa-passing animated"></i>

Demo :

9. Menambah Animasi faa-passing-reverse animated di font awesome

<i class="fa fa-home faa-passing-reverse animated"></i>

Demo :

10.Menambah Animasi faa-brust animated di font awesome


 <i class="fa fa-home faa-brust animated"></i>

Demo :




11. Menambah Animasi faa-passing-reverse animated di font awesome

<i class="fa fa-home faa-falling animated"></i>

Demo :


Untuk pemasangan contoh

<i class="fa fa-home "></i>

Silakan tambah animasi di yang diatas pastekan dibelakang kode font awesome

Contoh animasi faa-falling animated

Dan hasil kode seperti ini

<i class="fa fa-home faa-falling animated"></i>

Save dan lihat hasilnya sekian artikel hari ini semoga bermanfaat jangan lupa comment dan share 

1 Response to "Cara Keren Buat Icon Font Awesome Bergerak"

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

DMCA.com Protection Status