Efek gambar membesar dan memutar saat cursor melintas.
Coba letakkan cursor anda pada gambar di bawah ini:
Apa yang terjadi ? itulah maksud judul di atas.
Tertarik untuk membuatnya, silahkan ikuti langkah berikut :
Login ke Blogger klik Rancangan klik Edit HTML
kemudian cari kode ]]>
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol (F3).
Jika sudah ketemu letakkan kode berikut di atasnya
.transformscale:hover{
-moz-transform:rotate(22.5deg) scale(1.50);
-webkit-transform:rotate(22.5deg) scale(1.50);
}
Klik SIMPAN TEMPLATE.
Untuk Mengaktifkan Efeknya harus ada kode pemanggilnya.
Berikut kode pemamanggilannya:
Keterangan : kode yang berwarna hitam adalah ID CSS yang berfungsi untuk memanggil.
Dan kode yang berwarna biru adalah Url gambar, ganti dengan Url gambar anda.
Jika anda ingin menambahkan Link kodenya menjadi seperti berikut:
Apa yang terjadi ? itulah maksud judul di atas.
Tertarik untuk membuatnya, silahkan ikuti langkah berikut :
Login ke Blogger klik Rancangan klik Edit HTML
kemudian cari kode ]]>
Tips : Untuk mempercepat pencarian sobat bisa gunakan tombol (F3).
Jika sudah ketemu letakkan kode berikut di atasnya
.transformscale:hover{
-moz-transform:rotate(22.5deg) scale(1.50);
-webkit-transform:rotate(22.5deg) scale(1.50);
}
Klik SIMPAN TEMPLATE.
Untuk Mengaktifkan Efeknya harus ada kode pemanggilnya.
Berikut kode pemamanggilannya:
Keterangan : kode yang berwarna hitam adalah ID CSS yang berfungsi untuk memanggil.
Dan kode yang berwarna biru adalah Url gambar, ganti dengan Url gambar anda.
Jika anda ingin menambahkan Link kodenya menjadi seperti berikut:
0 komentar:
Posting Komentar