Bagaimana untuk Menghapuskan Flicker Semasa Peralihan `transform` WebKit?

Hapuskan Kelipan Semasa Peralihan transformasi webkit dalam WebKit

Pembangun web mungkin menghadapi kelipan yang tidak diingini sebelum animasi bagi harta transformasi webkit. Untuk menangani isu ini:

Punca Kelipan:

bingkai cache penyemak imbas WebKit semasa Lapisan Kompositnya. Sebelum memulakan peralihan, penyemak imbas mesti terlebih dahulu mengalihkan elemen ke Lapisan Komposit, menyebabkan kelipan seketika.

Penyelesaian:

Laksanakan sifat CSS berikut untuk elemen terjejas:

-webkit-backface-visibility: hidden;

Harta ini mengarahkan WebKit untuk menghapuskan kelipan dengan memaparkan muka belakang daripada unsur itu sebagai tidak kelihatan. Akibatnya, penyemak imbas mengelak memindahkan elemen ke Lapisan Komposit untuk animasi, sekali gus menyelesaikan kelipan.

Atas ialah kandungan terperinci Bagaimana untuk Menghapuskan Flicker Semasa Peralihan `transform` WebKit?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!