Hallo sahabat Dumet, pada tulisan kali ini kita akan belajar bagaimana cara mengimplementasikan property skew CSS. Properti ini digunakan untuk menciptakan efek condong pada sebuah objek atau elemen. Skew memiliki dua sumbu yaitu X dan Y yang nantinya menentukan sudut tertentu berdasarkan derajat yang ditentukan oleh si pembuat animasi.
Untuk lebih jelasnya, silahkan sahabat perhatikan dan coba ikuti struktur HTML yang telah saya buat di bawah ini.
Untuk membuat animasi menggunakan property skew, saya telah membuat style CSS nya seperti berikut ini.
Jika dijalankan pada browser, maka text “Dumetschool.com†akan bergerak dengan kecondongan dari -15 derajat ke -30 derajat.
Pastikan sahabat menggunakan browser dengan versi terbaru, agar animasi dapat berjalan dengan baik. Selamat mencoba di rumah dan sampai jumpa lagi pada tulisan saya selanjutnya. 🙂