shoutmix

25 Mei 2010

Memutar posisi Gambar

http://web.elctech.com

apakah kamu tahu bahwa km bisa memutar posisi gambar?!?
coba gunakan CSS ini

.rot0 {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
rotation: 0deg;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
}
.rot90 {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
rotation: 90deg;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.rot180 {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
rotation: 180deg;
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.rot270 {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}



untuk FF dan Safari manfaatkan ini

.rotate-me {
-moz-transform-origin: 0 0;
-webkit-transform-origin: 0 0;
}

0 komentar:

Posting Komentar

Powered By Blogger