Mengapa Perubahan 3D dalam Firefox Bergerigi, dan Bagaimana Saya Boleh Membetulkannya?

Transformasi CSS dan Tepi Bergerigi: Dilema Firefox

Apabila menggunakan transformasi 3D dalam CSS, anda mungkin menghadapi tepi bergerigi yang tidak menyenangkan, terutamanya dalam Firefox. Tidak seperti rakan sejawatannya dalam Chrome, sifat keterlihatan muka belakang Firefox gagal menyelesaikan isu ini.

Satu penyelesaian yang bijak ialah menambah atribut garis besar dengan warna lutsinar. Dengan menetapkan garis besar kepada 1px padat lutsinar, tepi elemen anda yang diubah suai menjadi licin secara ajaib. Pembaikan ini telah disahkan pada Firefox versi 10.0.2 yang dijalankan pada Windows 7. Saksikan transformasi dalam JSFiddle ini: https://jsfiddle.net/nKhr8/

Jika warna latar belakang paparan anda bukan putih, anda boleh memilih penyelesaian yang berbeza sedikit. Dengan menambahkan sempadan dengan warna yang sepadan dengan latar belakang anda (dalam kes ini, putih), anda boleh mencapai kesan anti-aliasing yang serupa. Sekali lagi, kaedah ini telah diuji pada Firefox versi 10.0.2 pada Windows 7, dan menghasilkan hasil yang sama tajam. Berikut ialah demonstrasi: https://jsfiddle.net/LPEfC/

Atas ialah kandungan terperinci Mengapa Perubahan 3D dalam Firefox Bergerigi, dan Bagaimana Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!