Halo teman-teman pada kesempatan kali ini saya akan menjelaskan tentang Fungsi skewy() Pada Transform 2d Dalam CSS.

Function skewy() adalah fungsi tranformasi yang digunakan untuk mencondongkan element. Skewing unsur seperti menerapkan efek miring di atasnya. Dalam kasus skewY (), itu seperti meraih dua simpul berlawanan dari persegi panjang dan kemudian menarik mereka sepanjang sumbu y di arah yang berlawanan, mengubah persegi panjang menjadi genjang.

Dibutuhkan “ay” sudut sebagai nilai. Unsur ini dipengaruhi oleh nilai sudut. Anda dapat membayangkan dua simpul berlawanan (mengatakan kanan kiri dan bawah atas, misalnya) ditarik dalam arah yang berlawanan (kiri atas ditarik ke atas dan kanan bawah ke bawah) sampai nilai dalam simpul tersebut menjadi 90deg – kapak.

Jika nilai sudut positif, sudut kanan atas kiri dan bawah persegi panjang yang “ditarik”. Jika nilai negatif, kanan atas dan kiri sudut bawah ditarik. Nilai sudut 90deg (atau -90deg) akan membuat elemen menghilang. Sebuah nilai 180deg (atau -180deg) akan meninggalkannya tidak berubah.

Contoh:

Gambar berikut menunjukkan hasil dari penerapan skewY () untuk gambar menggunakan sudut positif dan kemudian sudut negatif dari nilai yang sama.

Fungsi skewy() Pada Transform 2d Dalam CSS

Hasil penerapan function skewy () untuk gambar menggunakan sudut positif dan kemudian sudut negatif dari nilai yang sama.

Perlu diingat bahwa mencondongkan element juga akan mencondongkan sistem koordinatnya. Oleh karena itu, setelah menerapkan transformasi condong ke element teman-teman. Teman-teman perlu menyadari bahwa teman-teman tidak meninggalkan dengan orthogonal sistem koordinat lagi. Ketika sistem koordinat miring, transformasi konsekuen dapat mengakibatkan hasil yang tidak diharapkan jika Anda tidak menghitung mereka berdasarkan sistem koordinat baru.

Untuk penulisan script untuk mencondongkan element teman-teman dapat menggunakannya seperi dibawah ini:

Demikianlah Fungsi skewy() Pada Transform 2d Dalam CSS, teman-teman dapat menggunakannya sesuai kebutuhan. Semoga bermanfaat