Cara Merubah Warna Background Dengan Gradient Animation Blogger
July 12, 2018
Pada kesempatan kali ini saya akan membagikan sebuah cara merubah warna backgroun dengan gradient animation pada blog khususnya untuk pengguna blogger "blogger.com".
Ok, menyerupai biasa sebelumnya saya ucapkan terimakasih banyak kepada pengunjung setia blog ZeZeDroid team, dan saya ucapakan selamat tiba untuk pengunjung gres blog ini.
Apa itu backbround gradient animation?, ya saya rasa anda niscaya tahu yang di maksud background gradient animation dimana sebuah backbround yang memakai beberapa warna adonan yang bergerak menciptakan background pada blog kita terlihat lebih elegan berganti warna dengan warna-warna yang telah kita tentukan, misalnya menyerupai di bab header blog ZeZeDroid team ini.
Baik, bagi anda yang ingin menciptakan background gradient animation pada blog anda silahkan ikuti cara-cara di bawah ini.
- Buka "blogger.com" dan login dengan akun anda
- Pada bab sajian sebelah kiri klik tema, kemudian klik edit html
- Tambahkan arahan CSS di bawah ini
- Sekarang tentukan background mana yang mau di rubah warnanya dengan gradient animation.
- Ganti code "background: #......;" dengan code di bawah ini
- Setelah semuanya di terapkan kini coba simpan dan lihat hasilnya.
<style type='text/css'> @-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>
background: linear-gradient(-45deg, #00C46F, #3CE790, #0BA9F4, #23D5AB);background-size: 400% 400%;-webkit-animation: Gradient 15s ease infinite;-moz-animation: Gradient 15s ease infinite;animation: Gradient 15s ease infinite;
Nah hingga disini anda sudah berhasil merubah warna background dengan gradient animation, dan untuk mengganti warna gradient animationnya anda tinggal merubah code warna yang saya beri warna merah di bab code backgroundnya.
Ok, saya rasa cukup sekian cara merubah warna background dengan gradient animation, agar dapat di mengerti dan bermanfaat.
Akhir kata saya ucapkan maaf sebesar-besarnya jikalau ada salah kata yang menyinggung perasaan anda, sekian dan terimakasih.