Sabtu, 27 Juli 2013

Cara memberi efek Bumping pada gambar diblog

Cara memberi Efek Bumping pada foto/gambar.


Efek bumping pada foto, yaitu saat cursor mous anda arahkan pada sebuah gambar maka gambar tersebut akan bergeser sedikit keatas.

Efek yg sangat menarik, dan dapat memberi kesan cantik dan unik pada blog atau website anda.

Berikut Contohnya :


Untuk pemasangannya sebagai berikut :

- Masuk Akun blog anda.
- Menuju ke edit template.
- Cari code berikut ini : ]]></b:skin>
- Copy code dibawah ini dan di paste tepat diatas code ]]></b:skin>


.post img{
-webkit-transition:all .5s ease-out;
-moz-transition:all .5s ease-out;
-ms-transition:all .5s ease-out;
-o-transition:all .5s ease-out;
transition:all .5s ease-out;

.post img:hover{
-webkit-transform:translate(0px,10px);
-moz-transform:translate(0px,-10px);
-ms-transform:translate(0px,-10px);
-o-transform:translate(0px,10px);
transform:translate(0px,-10px);

 - Kemudian save template anda.
Nah saat itu pula setiap gambar yg ada pada blog anda jika diarahkan mous diatasnya akan bumping.

Selamat mencoba! Semoga bermanfaat.

1 komentar:

  1. bagus gan artikelnya. coba mampir ke tempat kita deh. ada gantungan kunci dari akrilik harga 4500/pcs tanpa minimal order :)

    BalasHapus