Home
Tutorial
Website

Terbaru - Efek Animasi Keren HTML Untuk Website Dan Blog

Beberapa script animasi ringan untuk mempercantik tampilan web atau blog.

Terbaru - Efek Animasi Keren HTML Untuk Website Dan 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

  1. Silakan salin terlebih dahulu script animasi yang anda inginkan
  2. Buka file html yang ingin anda tambahkan efek animasi
  3. Di dalam file html, cari kode </body>
  4. Tempelkan script animasi di atas kode </body>
  5. Lalu save, dan lihat hasilnya

Blogger

  1. Login ke akun blogger anda
  2. Klik menu Tata Letak
  3. Pada Tata Letak, klik Tambahkan Gadget
  4. Pilih HTML/Javascript
  5. Tempelkan script animasi pada bagian input Konten
  6. Klik Simpan

Silakan pilih yang terbaik menurut anda untuk mempercantik tampilan web atau blog

Nathan Prinsley

Jika Ada Kata 'Nanti', 'Sebentar', 'Tapi',
Maka Anda Akan Lama Untuk Sukses.

Posting Komentar