Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Membetulkan Tepi Bergerigi dalam Transformasi CSS 3D Firefox?

Bagaimana untuk Membetulkan Tepi Bergerigi dalam Transformasi CSS 3D Firefox?

Barbara Streisand
Barbara Streisandasal
2024-11-03 10:53:02553semak imbas

How to Fix Jagged Edges in Firefox 3D CSS Transformations?

Transformasi CSS 3D: Menangani Tepi Bergerigi dalam Firefox

Sejajar dengan isu tepi bergerigi dengan transformasi CSS Chrome, masalah yang sama timbul dengan Firefox semasa transformasi 3D. Ilustrasi boleh didapati di JSFiddle ini (khusus Firefox): http://jsfiddle.net/78dK/5/.

Tidak seperti dalam Chrome, backface-visibility tidak menyediakan penyelesaian dalam Firefox.

Penyelesaian:

Penyelesaian 1 (Atribut Garis Besar):

Untuk penyelesaian yang lebih universal, pertimbangkan untuk menambah atribut garis besar telus:

<code class="css">outline: 1px solid transparent;</code>

Pendekatan ini telah disahkan pada Firefox 10.0.2 Windows 7: http://jsfiddle.net/nKhr8/.

Penyelesaian 2 (Atribut Sempadan):

Sebagai alternatif, anda boleh menambah atribut sempadan dengan warna yang sepadan dengan latar belakang:

<code class="css">border: 1px solid white;</code>

Pilihan ini berkesan apabila warna latar belakang diketahui (mis., putih dalam kes ini) : http://jsfiddle.net/LPEfC/.

Atas ialah kandungan terperinci Bagaimana untuk Membetulkan Tepi Bergerigi dalam Transformasi CSS 3D Firefox?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn