Efek senget apabila cursor menyentuh image - Hallo sahabat Cara Sign Up, Pada Artikel yang anda baca kali ini dengan judul Efek senget apabila cursor menyentuh image, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Efek senget apabila cursor menyentuh image, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Efek senget apabila cursor menyentuh image
link : Efek senget apabila cursor menyentuh image

Efek senget apabila cursor menyentuh image

Preview:

Menarik bukan?

Caranya:

1) Sign in akaun blogger

2) Dashboard > Design > Edit HTML > Tick kotak "Expand Widget Templates"

3) Dengan menggunakan ctrl + F (tekan serentak pada keyboard), cari kod

]]></b:skin>

4) Kemudian copy paste kod di bawah sebelum kod ]]></b:skin> yang korang cari tadi:

.post img{
transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;
}
.post img:hover{
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);

contoh:

.post img{
transition: transform .5s ease-in;
-moz-transition: -moz-transform .5s ease-in;
-o-transition: -o-transform .5s ease-in;
-webkit-transition: -webkit-transform .5s ease-in;
}
.post img:hover{
transform: rotate(5deg);
-moz-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);

 ]]></b:skin>

7) Klik preview, jika tiada error, klik save dan lihat hasilnya.

Selamat mencuba! :)

* efek ini hanya berkesan pada browser mozila firefox

Demikianlah Artikel Efek senget apabila cursor menyentuh image

Sekianlah artikel Efek senget apabila cursor menyentuh image kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Efek senget apabila cursor menyentuh image dengan alamat link http://carasignup.blogspot.com/2011/12/efek-senget-apabila-cursor-menyentuh.html

Tweet