Home » , » Cara memberi efek zoom pada gambar

Cara memberi efek zoom pada gambar

Cara memberi efek zoom pada gambar - Ketika sebuah gambar disorot dengan mouse atau kursor mouse diarahkan ke gambar tersebut maka gambar tersebut memberi efek zoom sehingga menjadi lebih besar.




Efek zoom ini banyak beredar di internet hanya saja hasta ingin mengulas lebih rinci cara memberi efek zoom pada gambar tersebut, sehingga mudah dipahami oleh sobat yang baru belajar sekalipun.


Cara memberi efek zoom pada gambar

1. Login ke dasbor blog
2. Masuk ke menu rancangan >> Edit HTML
3. Letakkan kode berikut diatas ]]></b:skin>


code HTMLnya : 

post img:hover {                                                                                              
-o-transition: all 0.3s; 
-moz-transition: all 0.3s; 
-webkit-transition: all 0.3s;
-moz-transform: scale(1.3);
-o-transform: scale(1.3);
-webkit-transform: scale(1.3); }



4. Save


Demikian cara memberi efek zoom pada gambar, selamat mencoba...
Happy blogging..
sumber : agoengsang.blogspot.com/

4 Komentar Sahabat:

  1. Wah ini yang saya cari. Itu CSS kan? Kalau boleh, mohon dijelaskan Sob maksud "transition, transform" serta value darinya..

    ReplyDelete
    Replies
    1. maaf gan, saya belum di ajarari ama mbah saya. (mbah google)

      Delete
  2. wah beneran harus di coba nichhh

    ReplyDelete

Jadilah yang pertama...

Facebook

 
Support : Copyright © 2013. Mohammad Ramli - All Rights Reserved
Proudly powered by Blogger