Cara Membuat Warna Gradien Animasi Di Blog - Menambahkan warna gradien animasi pada blog ini sanggup memperbagus tampilan blog kalian, yang semula tampilannya biasa saja sesudah memakai warna gradien animasi maka blog kalian akan tampil luar biasa kerennya. Lanjut saja kalian simak tutorial menciptakan warna gradien animasinya.
Maka Kodenya akan menjadi menyerupai ini.
Pertama
Login Blogger > Tema > Edit HTML > Cari arahan ]]></b:skin> > Lalu Masukkan arahan bab yang ingin di berikan warna gradien animasi. Contoh : #header-wrapperKedua
Copy kemudian paste arahan di bawah ini sempurna di ats tadi ialah #header-wrapper. Contoh : #header-wrapper Kode di bawah ini. Kode CSS Gradien Animasi
{background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);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%}}
Ketiga
Maka Kodenya akan menjadi menyerupai ini.
Hasil Kode CSS Gradien Animasi
#header-wrapper {background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);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%}}
