img {
-webkit-transform: scale(0.8) rotate(-10deg);
-moz-transform: scale(0.8) rotate(-10deg);
-o-transform: scale(0.8) rotate(-10deg);
transform: scale(0.8) rotate(-10deg);
border: 1px solid #ddd;
}
HTML Code
<body> <img src="train.jpg" alt="rotate" /> </body>
Hsilnya:
Image hover rotation
Contoh:
CSS Code
a.rotate img {
border: 1px solid #ddd;
}
a.rotate:hover img {
-webkit-transform: rotate(-10deg);
-moz-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
transform: rotate(-10deg);
}
HTML Code
<a href="rel.html" class="rotate"><img src="" alt="" /></a>
Hasilnya
0 komentar:
Posting Komentar