Mengapa Animasi Webkit Berkelip Sebelum Transformasi Transformasi?

Peralihan Berkelip dalam animasi Webkit

Soalan:

Mengapa ada kelipan seketika sebelum animasi transformasi Webkit menggunakan CSS peralihan?

Jawapan:

Punca:
Kelipan ini berlaku disebabkan oleh pengendalian Webkit pada bahagian belakang elemen yang diputar atau diterjemahkan semasa yang peralihan.

Penyelesaian:
Untuk menghapuskan kelipan, tambah baris CSS berikut pada peralihan anda:

-webkit-backface-visibility: hidden;

Sifat CSS ini menyembunyikan bahagian belakang elemen semasa peralihan, menghalang kelipan daripada kelihatan.

Atas ialah kandungan terperinci Mengapa Animasi Webkit Berkelip Sebelum Transformasi Transformasi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!