Cara Membuat Efek Rotasi pada gambar

Sering kita bertanya bagaimana si  membuat Gambar sedikit berbedah dengan gambar lain di blog ??

Terutama yang bisa Rotasi .
tapi Tenang saya akan memberikan Tutorialnya,,
yuk simak dan praktekin di blog sobat,,,

"Demo"

1. kamu harus Login dulu Di blog sobat.
2. Masuk di Template>Html
3. Cari kode ini ]]></b:skin>
4. lalu masukan Kode CSS di bawah ini tepat di atas ]]></b:skin>

.post-body img{
border-radius: 2%;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.post-body img:hover{  transition: all 2s ease-in-out;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
z-index: 999;
box-shadow: 8px -6px 5px rgba(50, 50, 50, 0.75);
}

5. Save,,

Untuk menarapkannya kamu cukup upload Gambar,,,

Share: