Bagaimanakah Saya Boleh Memohon Berbilang Transformasi CSS dengan Berkesan?

Menggunakan Berbilang Transformasi dalam CSS

CSS membolehkan penerapan berbilang transformasi pada elemen. Teknik ini boleh meningkatkan daya tarikan visual dan kefungsian halaman web dengan mendayakan animasi dan kesan yang kompleks.

Walau bagaimanapun, percubaan untuk menggunakan berbilang transformasi menggunakan pengisytiharan transformasi berasingan boleh menyebabkan hanya pengisytiharan terakhir digunakan. Untuk mengatasi had ini, adalah perlu untuk menggabungkan semua transformasi menjadi satu baris.

Sintaksis

transform: rotate(15deg) translate(-20px, 0px);

Nota: Transformasi digunakan dari kanan ke kiri. Oleh itu, susunan penjelmaan dalam garisan penting.

Contoh

Dalam contoh di bawah, penjelmaan rotate() digunakan dahulu, diikuti dengan penjelmaan terjemah().

li:nth-child(2) {
  transform: rotate(15deg) translate(-20px, 0px);
}

Penting: Pastikan sintaks dan susunan transformasi adalah betul, kerana penggunaan yang salah boleh membawa kepada keputusan yang tidak dijangka.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memohon Berbilang Transformasi CSS dengan Berkesan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!