Halo teman-teman pada kesempatan kali ini saya akan mengenalkan function skew() pada function 2d transform di CSS.

Funtction skew() pada function 2d transform digunakan untuk mencondongkan element. Mencondongkan element itu seperti menerapkan efek miring seperti meraih dua simpul berlawanan dari persegi panjang dan kemudian menarik mereka dalam arah yang berlawanan, mengubah persegi panjang menjadi jajargenjang.

Dalam mencondongkan element, dibutuhkan satu atau dua argumen: ax dan ay yang keduanya adalah nilai sudut. Nilai pertama (ax) skews elemen di sepanjang sumbu x, dan argumen kedua (ay) skews sepanjang sumbu y. Skewing sepanjang sumbu x adalah seperti mencabut sudut persegi panjang ke sisi, dan skewing sepanjang sumbu y adalah seperti mencabut mereka secara vertikal dalam arah yang berlawanan. Dua nilai sudut menentukan jumlah dimana elemen miring. Jika nilai kedua tidak diberikan, diasumsikan menjadi nol.

Dalam rangka condong unsur di kedua arah, menggunakan skewX () dan skewY () fungsi tercantum dalam entri utama transformasi properti. Juga mencatat bahwa kemiringan perilaku () berbeda dari mengalikan skewX () dengan skewY ().

Contoh Pemakaian Function skew():

Semoga bermanfaat ya teman-teman.