Membuat Background Atau Foto Berputar Dengan CSS3

Contoh gambar Foto berputar dibawah artikel ini (arahkan kursor pada gambarnya) adalah  contoh  efek yang menggunakan CSS3, kode CSS3 yang saya gunakan ini bisa kamu pakai untuk memberi efek tambahan untuk sebuah bidang dalam template atau bisa juga digunakan untuk membuat tampilan sebuah widget atau foto agar lebih menarik, caranya gampang kok sobat sobat tinggal copy kode CSS3 dibawah ini untuk disimpan diakhiran CSS yang akan kamu tambahkan efek berputar


----SIMPAN DI BAWAH KODE CSS KAMU----
-moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
-moz-transform: rotate(-15deg);
-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);
-webkit-transform: rotate(-15deg);
----SIMPAN DIBAWAH KODE CSS HOVERNYA----
-moz-transform: rotate(0deg);
-moz-transform: scale(1.25);
-webkit-transform: rotate(0deg);
-webkit-transform: scale(1.25);



Shadow adalah efek bayangan isi

Rotate adalah efek putaran yang hitungannya adalah deg

Scale adalah efek perubahan ukuran ketika kursor menyentuhnya

silahkan ganti besarannya sesuai selera kamu...

CONTOH

Efek ini akan terlihat apabila dibuka melalui Mozilla dan Chrome
Semoga bermanfaat sob...

Description: Membuat Background Atau Foto Berputar Dengan CSS3 Rating: 4.5