Skip to content Skip to sidebar Skip to footer
Home / Tutorial Blog

Membuat efek gambar blog berputar menghilang

1 comment

Bagaimana caranya untuk membuat efek gambar blog berputar menghilang, artinya semua gambar yang ada di blog kalau cursor menyentuh jadi berputar dan menghilang/efek CSS 3 xD. Langsung saja kodenya akan aku berikan di bawah nanti.

Membuat efek gambar blog berputar menghilang:

1.Dashboard > template > edit HTML
2.Tick Expand template widget dan tekan F3 atau CTRL + F dan cari kode:
/* Header 
3.Copy paste kode di bawah ini dan letakkan di atasnya:
img {
-moz-transition: 1.5s;
-webkit-transition: 1.5s;
}
img:hover {
-webkit-transform: rotate(360deg);
filter: alpha(opacity=1);
opacity: .01;
-moz-transition: 1.5s;
-webkit-transition: 1.5;
}
4.Tekan pratinjau/preview dulu dan simpan template, selamat mencoba.

1 comment for "Membuat efek gambar blog berputar menghilang"