Sabtu, 04 Februari 2012

Membuat efek zoom (mouse hover) pada gambar di blog

| Sabtu, 04 Februari 2012 | 0 komentar

Mau tahu hasilnya?
Coba arahkan mouse anda ke gambar yang ada posting ini , ... nah tahukan hasilnya ?
Mau tau caranya ? Triknya mudah kok ;

Cari kode : ]]></b:skin>

Lalu copy kode dibawah ini dan paste diatas kode tadi ;
�.post img, table.tr-caption-container� {
border:none;
max-width:560px;
height:auto;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
}
.post img:hover {
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-webkit-transform: scale(1.5);
-webkit-border-radius: 36px 12px;
-moz-border-radius: 36px / 12px;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}
Kemudian save, dan lihat hasilnya, selamat mencoba

Ditulis Oleh : muhammad yusuf ~ Blog Pribadi Abu Iram Al-Atsary

Selamat, Anda sedang membaca artikel saya yang berjudul Membuat efek zoom (mouse hover) pada gambar di blog - Artikel ini diposting oleh muhammad yusuf pada hari Sabtu, 04 Februari 2012. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Jangan lupa like ke akun facebook anda untuk berbagi - Kritik dan saran dapat anda sampaikan melalui Buku Tamu Kami. By. Abu Iram Al-Atsary.

0 komentar:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Posting Komentar

Tulis Komentar Anda Disini:

 
© Copyright 2010. yourblogname.com . All rights reserved | yourblogname.com is proudly powered by Blogger.com | Template by o-om.com - zoomtemplate.com