Cara Buat Efek Gradasi Warna Bergerak Di Template Viomagz

 
Efek Gradasi Warna Bergerak Di Template Viomagz

Pastinya kalian pernah melihat blog yang menggunakan template Viomagz dengan header memiliki gradasi warna yang bergerak-gerak. Jika itu memang benar dan kalian sedang mencari cara menambahkan efek gradasi warna bergerak pada template Viomagz, tentunya kalian datang ke blog yang sangat tepat.

Pada kali ini Blog Shinobi akan memberikan tutorial bagaimana menambahkan efek gradasi warna bergerak pada template Viomagz dengan cara menambahkan sedikit kode javascript gradient warna pada template Viomagz.

Sebenarnya cara memberikan efek gradasi warna bergerak pada template Viomagz sangat cukup mudah, pertama kalian masuk ke blogger.com lalu pergi ke pengaturan tema blog kalian, selanjutnya pilih edit html, cari kode </head> lalu tempelkan kode javascript di bawah ini.

<!-- Header Gradient Blog Shinobi Start -->
<style>#header-container, #back-to-top{background:
linear-gradient(-45deg, #f207fa, #96fdff, #c41606, #1b171c, #0ae6fa, #632087);background-size: 400% 400%;-webkit-animation:
Gradient 15s ease infinite;-moz-animation: Gradient 15s ease infinite;animation:
Gradient 15s ease infinite;}@-webkit-keyframes
Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@-moz-keyframes
Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes
Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}</style>
<!-- Header Gradient Blog Shinobi End -->

Jika sudah kalian tinggal simpan saja tema blog kalian lalu coba lihat hasilnya, jika benar penerapan kodenya maka hasilnya akan seperti demo di bawah sini.


Catatan : Jika ingin merubah warna yang ingin ditampilkan silahkan ubah kode hex warna di atas contoh #f207fa, #96fdff dan seterusnya.

0 Response to "Cara Buat Efek Gradasi Warna Bergerak Di Template Viomagz"

Post a comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel