Mengapa Animasi CSS Saya Berkelip-kelip pada iPhone, dan Bagaimana Saya Boleh Membetulkannya?

Kelipan Animasi CSS dalam iPhone WebKit

Dalam aplikasi iPhone, animasi CSS yang digunakan dalam permainan menyebabkan kelipan. Kelipan berlaku apabila elemen terpasang pada tempatnya selepas ditatal. Satu-satunya animasi WebKit yang digunakan adalah untuk peralihan (sama ada segera atau 0.2 saat pelonggaran) dan terjemahan.

Setelah mengklik "Match item" diikuti dengan "Main semula", keseluruhan latar belakang aksesori/dompet bertukar menjadi putih semasa animasi pistol menatal masuk.

Penyelesaian:

Menambah -webkit-backface-visibility membantu mengurangkan kelipan, tetapi kelipan awal berterusan selepas memuat semula halaman. Penyelesaian lengkap melibatkan penambahan -webkit-perspective: 1000. Dengan sifat tambahan ini, kelipan telah dihapuskan.

Kod untuk menyelesaikan isu:

-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;

Atas ialah kandungan terperinci Mengapa Animasi CSS Saya Berkelip-kelip pada iPhone, dan Bagaimana Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!