Terbaru - Efek Animasi Keren HTML Untuk Website Dan Blog
Beberapa script animasi ringan untuk mempercantik tampilan web atau blog.
Tampilan website atau blog yang keren adalah impian banyak orang, dan kali ini
ada beberapa script animasi ringan yang bisa anda gunakan untuk mempercantik
tampilan web atau blog anda.
Catatan:
Menggunakan script animasi bisa memperlambat loading web,
dan itu bisa berpengaruh pada SEO website anda, walaupun akan terlihat keren
dengan animasi nya. Jadi pikirkan terlebih dahulu sebelum mencoba nya
Script Animasi Teks
Berikut ini script animasi teks yang keren dan cocok untuk mempercantik tampilan web.
<link rel="stylesheet" type="text/css" href="https://cdn.prinsh.com/NathanPrinsley-textstyle/nprinsh-stext.css"/>
Contoh Penggunaan
Animasi Teks Pelangi
Animasi Teks Glitch
Animasi Teks Detak Lambat
Animasi Teks Merah
Animasi Teks Biru Ungu
Warna Pelangi
Warna Biru Merah
<link rel="stylesheet" type="text/css" href="https://cdn.prinsh.com/NathanPrinsley-textstyle/nprinsh-stext.css"/>
<div class="nprinsley-text-rainbowan">Animasi Teks Pelangi</div>
<div class="nprinsley-text-glitchan">Animasi Teks Glitch</div>
<div class="nprinsley-detaxt">Animasi Teks Detak Lambat</div>
<div class="nprinsley-text-redan">Animasi Teks Merah</div>
<div class="nprinsley-text-blupelan">Animasi Teks Biru Ungu</div>
<div class="nprinsley-text nprinsley-rainbow">Warna Pelangi</div>
<div class="nprinsley-text nprinsley-blure">Warna Biru Merah</div>
Script Animasi Background
Berikut script animasi background yang ringan untuk website atau blog anda.
Efek Salju
<script type='text/javascript' src='https://cdn.prinsh.com/NathanPrinsley-effect/efek-salju.js'></script>
Daun Berguguran
<script type='text/javascript' src='https://cdn.prinsh.com/NathanPrinsley-effect/daun-berguguran.js'></script>
Bintang Cursor
<script type='text/javascript' src='https://cdn.prinsh.com/NathanPrinsley-effect/green-bintang-jatuh.js'></script>
Blue Fireworks
<script type='text/javascript' src='https://cdn.prinsh.com/NathanPrinsley-effect/blue-fireworks.js'></script>
Pink Fireworks
<script type='text/javascript' src='https://cdn.prinsh.com/NathanPrinsley-effect/pink-fireworks.js'></script>
Cara Penggunaan
Manual
- Silakan salin terlebih dahulu script animasi yang anda inginkan
- Buka file html yang ingin anda tambahkan efek animasi
- Di dalam file html, cari kode </body>
- Tempelkan script animasi di atas kode </body>
- Lalu save, dan lihat hasilnya
Blogger
- Login ke akun blogger anda
- Klik menu Tata Letak
- Pada Tata Letak, klik Tambahkan Gadget
- Pilih HTML/Javascript
- Tempelkan script animasi pada bagian input Konten
- Klik Simpan
Silakan pilih yang terbaik menurut anda untuk mempercantik tampilan web atau blog
2 comments