Memutar imej di laman web adalah mungkin dengan menggunakan kod CSS untuk membuat kelas putar, yang mana anda boleh gunakan dengan tag untuk memutarkan imej pada halaman.

Memusing imej menggunakan

Kod CSS perlu memasukkan kod transformasi untuk setiap pelayar Internet utama, supaya imej diputar di semua pelayar.

Berikut adalah contoh kod CSS untuk memutar imej 180 darjah.

 .rotateimg180 {-webkit-transform: berputar (180deg); -moz-transform: berputar (180deg); -ms-transform: putar (180deg); -o-transform: berputar (180deg); mengubah: berputar (180deg); } 

Setelah kod CSS digunakan pada fail .css anda atau lembaran gaya anda, anda boleh menggunakan nama kelas CSS dalam mana-mana tag imej anda seperti yang ditunjukkan dalam kod di bawah.

Petua: Untuk memutar imej dengan ukuran darjah lain, tukar "180" dalam kod CSS dan tag kepada tahap yang anda inginkan.

Imej berputar menggunakan kod di atas

Berikut ialah contoh logo kami menggunakan kod di atas, jika pelayar anda menyokong putaran CSS logo sepatutnya diputar 180 darjah.