Karena salah satu teman saya menanyakan kepada saya, bagaimana memasang Animasi Over Light ?
Berikut cara membuatnya :
Login ke akun blogger anda .
Kedua Pilih Template lalu Pilih Edit HTML.
Cari kode ]]></b:skin> , dan letakan kode dibawah ini tepat diatasnya !!
/* Animasi Over Light */Kode Bewarna Merah Merupakan warna pada saat hover, anda boleh mengubah warnanya sesuka hati
@keyframes "hover" {
0% {background:#ff0000;}
100% {background:#111111;color:#0000ff;}}
@-moz-keyframes hover {
0% {background:#ff0000;}
100% {background:#111111;color:#0000ff;}}
@-webkit-keyframes "hover" {
0% {background:#ff0000;}
100% {background:#111111;color:#0000ff;}}
@-ms-keyframes "hover" {
0% {background:#ff0000;}
100% {background:#111111;color:#0000ff;}}
@-o-keyframes "hover" {
0% {background:#ff0000;}
100% {background:#111111;color:#0000ff;}}
#subscribe:hover, #blog-pager-newer-link:hover, #blog-pager-older-link:hover, .comments:hover, .cm_entry p:hover, .comment-body-author:hover, .comment-form:hover, .sidebar .widget-content:hover, .tabdiv .widget:hover, .post-body:hover, #searchform input[type="text"]:hover {
-webkit-animation: hover 2s 100ms;
-moz-animation: hover 2s 100ms;
-ms-animation: hover 2s 100ms;
animation: hover 2s 100ms;}
Kode Bewarna Biru Merupakan Warna Teks Pada saat Hover terjadi
Kode Bewarna Orange Merupakan Kode CSS yang akan diberikan Efek Hover ..
Terakhir Klik Save Template
Sekian Tutorial saya membuat animasi Over Light !
Terima Kasih ^_^
Tidak ada komentar untuk " Cara Membuat Animasi Over Light "
--------------------------------------------
Dilarang menggunakan kata-kata kasar dan kata-kata yang mengandung SARA, kata-kata yang mengindikasikan Flame terhadap seseorang sehingga terjadi pertengkaran akan saya hapus dan blok dari blogspot ini !!