BloggingInternet

Cara Membuat Efek Gradasi Bergerak di Header VioMagz V.3

Rudiruzt
Kamis, 05 Maret 2020, Maret 05, 2020 WAT
Last Updated 2020-07-17T00:22:36Z
Advertisement
Cara membuat efek gradasi bergerak di Header VioMagz V.3 dan Semua template Blogger yang ada gradasi warnanya.



Cara membuat efek gradasi bergerak di Header VioMagz V.3 dan Semua template Blogger yang ada gradasi warnanya.

Cara Membuat Efek Gradasi Bergerak


1. Copy kode di bawah ini :



<!-- Navigasi Header Animasi Berubah warna Start -->
<style>#header-container, #back-to-top{background:
linear-gradient(-45deg, #041a06, #0a6e17, #c41606, #0fbd71, #94bd0f, #bd9a0f);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>
<!-- Navigasi Header Animasi Berubah warna End -->

2. Cari kode  </head> , lalu tempelkan kode tadi di atasnya.

3. Simpan. Lihat hasilnya

Note :  
  • Atur warna dan kecepatan gerak gradasi sesuai selera anda.
  • Kode ini tidak untuk template Viomagz V.3 saja, tetapi untuk semua template yang ada gradasinya.