मेरे पास यह साइट है जो विभिन्न साइटों से आईफ्रेम लोड करती है। मैं एक प्री-लोडर रखना चाहता हूं जो एक निश्चित समय के लिए पूरे पृष्ठ पर कब्जा कर लेता है, जैसे 10 सेकंड, आदि ... न कि जब पृष्ठ लोड हो रहा हो।

योजना 10 सेकंड के लिए प्री-लोडर लगाने और इसे गायब करने की तरह है। अनदेखा करना कि आईफ्रेम लोड हो रहा है या नहीं।

मैंने जो कोड देखा है वह केवल कुछ ऐसा देता है

100% {
    opacity: 0;
  }
2
neumear 23 अक्टूबर 2019, 17:09

1 उत्तर

सबसे बढ़िया उत्तर

इस तरह 10 सेकंड से अधिक समय में पूरे शरीर को फीका बनाने के बारे में कैसे?:

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

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

वैकल्पिक रूप से आप शुरुआत में देरी जोड़ सकते हैं:

animation-delay: 2s;

यह लोड होने के दौरान पृष्ठ को बेहतर ढंग से छुपाएगा, जब तक कि यह लोड होने में लगने वाले समय से अनुमानित रूप से कम था, तो आप किसी भी तरह से वास्तव में आईफ्रेम लोडिंग को देख सकते हैं लेकिन यह एक और विषय है:

2
JP Silvashy 25 अक्टूबर 2019, 02:36