Saya memiliki situs ini yang memuat iframe dari situs yang berbeda. Saya ingin menempatkan pra-pemuat yang menempati seluruh halaman untuk waktu tertentu, seperti 10 detik, dll ... bukan ketika halaman selesai dimuat.

Rencananya seperti memasang pre-loader selama 10 detik dan membuatnya menghilang. Mengabaikan apakah iframe selesai memuat atau tidak.

Kode yang saya lihat hanya memberikan sesuatu seperti

100% {
    opacity: 0;
  }
2
ROLDXR 23 Oktober 2019, 17:09

1 menjawab

Jawaban Terbaik

Bagaimana membuat seluruh tubuh memudar dalam lebih dari 10 detik seperti ini?:

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
   opacity: 1;
  }
}

body {
  -webkit-animation: fadeIn 10s;
  animation: fadeIn 10s;
}

Secara opsional, Anda dapat menambahkan penundaan di awal:

animation-delay: 2s;

Ini akan lebih baik menyembunyikan halaman saat sedang memuat, selama itu diperkirakan kurang dari waktu yang diperlukan untuk memuat, Anda akan lebih baik dengan entah bagaimana benar-benar mengamati pemuatan iframe tetapi itu topik lain:

2
JP Silvashy 25 Oktober 2019, 02:36