Bagaimanakah Saya Boleh Menghalang Peralihan CSS daripada Mencetuskan Pemuatan Halaman dalam Chrome?

Menghalang Peralihan CSS Pencetusan pada Pemuatan Halaman dalam Chrome

Apabila menggunakan peralihan CSS, adalah penting untuk menangani isu di mana penyemak imbas tertentu, seperti Chrome , boleh mencetuskan peralihan semasa pemuatan halaman. Ini boleh mengakibatkan kesan yang tidak diingini, seperti unsur memancarkan warna yang berbeza secara ringkas sebelum memasuki penampilan terakhirnya.

Untuk mengurangkan isu ini, penyelesaian biasa terletak pada menambahkan tag skrip yang mengandungi satu ruang pada pengaki laman web. Skrip ini secara berkesan menyekat peralihan pramatang.

<code class="html"><script></script></code>

Pepijat ini, pada mulanya ditemui dalam Chrome, berpunca daripada interaksi antara peralihan CSS dan elemen bentuk (