Mengapa Peralihan CSS Saya Berkelip pada Halaman Dimuatkan dalam Chrome?

Susan Sarandon
Lepaskan: 2024-10-30 21:10:30
asal
930 orang telah melayarinya

Why Do My CSS Transitions Flash on Page Load in Chrome?

Menyelesaikan Peralihan CSS Tidak Menentu pada Pemuatan Halaman

Dalam senario biasa yang melibatkan peralihan CSS, pembangun sering menghadapi kesan visual yang tidak diingini apabila elemen berkelip apabila halaman dimuatkan. Isu ini timbul apabila sifat peralihan digunakan pada elemen, mengakibatkan peralihan warna daripada hitam kepada warna yang ditetapkan pada paparan awal.

Untuk menangani masalah ini, adalah penting untuk mempertimbangkan penglibatan penyemak imbas. Isu ini telah dikenal pasti sebagai pepijat dalam Google Chrome secara khusus. Punca utama terletak pada peralihan CSS yang dicetuskan apabila halaman web menyertakan elemen.

Penyelesaian yang mudah dan berkesan ialah menambahkan tag pada pengaki halaman, yang mengandungi hanya satu ruang. Pelarasan kecil ini membetulkan masalah, menghalang peralihan yang tidak perlu pada pemuatan halaman.

<code class="html"><script> </script></code>
Salin selepas log masuk

Bagi mereka yang mencari pemahaman yang lebih terperinci, anda boleh mengikuti perkembangan isu ini di pautan berikut:

  • https://crbug.com/332189
  • https://crbug.com/167083

Atas ialah kandungan terperinci Mengapa Peralihan CSS Saya Berkelip pada Halaman Dimuatkan dalam Chrome?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!