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>
0 komentar:
Posting Komentar