CSS atau Cascading Style Sheet merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS bukan merupakan bahasa pemrograman (wikipedia.org). Dalam arti singkat CSS yang memberikan tampilan website kita tampak lebih bergaya. Disini saya akan memberikan tutorial cara rotasi gambar jika kamu ingin menampilkan gambar di website kamu dengan kemiringan atau sudut pandang berbeda. Caranya sangat mudah cukup menggunakan metode berikut :
Contoh :
Gambar Awal
 |
| www.w3schools.com |
Untuk merotasi gambar diatas gunakan metode :
transform : rotate(10deg);
Note :
- Warna Merah : ukuran rotasi yang kamu perlukan (lingkaran = 360)
Hasil Rotasi (10deg)
Untuk rendernya pada browser tertentu tambahkan :
-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
transform : rotate (10deg);
Demikian tutorial yang saya bagikan, mudah-mudahan bisa memudahkan kamu mencari solusi untuk mempercantik laman website kamu melalui rotasi gambar-gambar. Metode ini tidak disarankan bagi kamu yang mencari rating PageSpeed. Apa itu ? Nantikan postingan selanjutnya pada blog ini.
Tidak ada komentar