Bagaimanakah Saya Boleh Memusingkan Hanya Satu Sisi Elemen Menggunakan Transformasi CSS3?

Transformasi Skewed CSS3 pada Satu Sisi

Apabila cuba mencipta kesan senget menggunakan transformasi dalam CSS3, mungkin sukar untuk menerapkannya pada satu sisi elemen sahaja , terutamanya jika anda menggunakan imej. Berikut ialah penyelesaian yang membolehkan anda mencapai kesan yang diingini ini.

Kuncinya ialah menggunakan struktur div bersarang. Tetapkan transformasi condong kepada div induk, di mana anda mahu kecondongan keseluruhan digunakan. Walau bagaimanapun, untuk mengekalkan nisbah aspek asal imej, buat div kanak-kanak (contohnya, satu div yang memaparkan imej sebagai latar belakang) dan gunakan nilai condong yang bertentangan padanya.

Sebagai contoh, jika anda mempunyai div induk dengan condong 20 darjah, anda boleh menetapkan condong -20 darjah kepada div anak yang mengandungi imej. Ini membatalkan kecondongan pada imej, menjadikannya kelihatan tidak condong dalam div induk yang condong.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memusingkan Hanya Satu Sisi Elemen Menggunakan Transformasi CSS3?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!