Judul : Buat Efek Hover pada Gambar
link : Buat Efek Hover pada Gambar
Buat Efek Hover pada Gambar
Membuat efek pada gambar dengan terlihat lembut dan kreatif. Trik kode css33 patut sobat mencobanya, kelima efek hover gambar ini, bisa membuat gerak pada gambar posting blog sobat. Berikut 5 efek over gambar tersebut : Lihat DEMONYA DISINI
EFEK OPACITY & BORDER RADIUS KANAN ATAS
Efek opacity merupakan efek transisi pada border kanan atas
EFEK HOVER TOP & BORDER RADIUS KANAN BAWAH
Efek Top & Border merupakan efek gambar akan terangkat keatas dan bisa dijadikan pilihan
EFEK GAMBAR MENGECIL
Efek gambar akan mengecil atau bisa juga disebut efek fade Out
EFEK MELINGKAR
Efek melingkar, dimana efek ini juga menggunakan transisi CSS3, cantik dipandang
EFEK ROTASI DAN BAYANGAN SHADOW
Efek gambar aini terlihat akan berotasi sekitar 45 derajat, dan terlihat muncul shadow
Cara membuat Efek Hover tersebut seperti berikut :
1. Masuk ke Dasboard bloger, lalu klik Template
2. Cari kode ]]></b:skin>
3. Pilih salah satu efek Hover gambar yang sobat sukai, lalu copy paste kode tersebut tepat diatas kode ]]></b:skin> tersebut.
4. Lalu Save Selanjutnya coba lihat hasilnya di blog sobat, keren kan...
Semoga bermanfaat..!!
EFEK OPACITY & BORDER RADIUS KANAN ATAS
Efek opacity merupakan efek transisi pada border kanan atas
EFEK HOVER TOP & BORDER RADIUS KANAN BAWAH
Efek Top & Border merupakan efek gambar akan terangkat keatas dan bisa dijadikan pilihan
EFEK GAMBAR MENGECIL
Efek gambar akan mengecil atau bisa juga disebut efek fade Out
EFEK MELINGKAR
Efek melingkar, dimana efek ini juga menggunakan transisi CSS3, cantik dipandang
EFEK ROTASI DAN BAYANGAN SHADOW
Efek gambar aini terlihat akan berotasi sekitar 45 derajat, dan terlihat muncul shadow
Cara membuat Efek Hover tersebut seperti berikut :
1. Masuk ke Dasboard bloger, lalu klik Template
2. Cari kode ]]></b:skin>
3. Pilih salah satu efek Hover gambar yang sobat sukai, lalu copy paste kode tersebut tepat diatas kode ]]></b:skin> tersebut.
4. Lalu Save Selanjutnya coba lihat hasilnya di blog sobat, keren kan...
Semoga bermanfaat..!!
Demikianlah Artikel Buat Efek Hover pada Gambar
Sekianlah artikel Buat Efek Hover pada Gambar kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Buat Efek Hover pada Gambar dengan alamat link https://penjahatdesain.blogspot.com/2015/08/buat-efek-hover-pada-gambar.html
Tidak ada komentar:
Posting Komentar