मैंने अपने एचटीएमएल पेज के मुख्य भाग में निम्नलिखित लिंक शामिल किया लेकिन एनीमेशन काम नहीं कर रहा है:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.0/animate.min.css" />

मैंने अपने मूल कोड में बूटस्ट्रैप लिंक भी जोड़े हैं। बूटस्ट्रैप लिंक काम कर रहे हैं लेकिन एनिमेशन नहीं। क्या कोई अन्य लिंक जोड़ने की आवश्यकता है?

<div class="container">
   <header class="animated slideInDown text-center text-white p-5">
   <h1 class="display-4"> Using Animation! </h1>
   </header>
</div>
0
Ash 31 अगस्त 2020, 00:27

2 जवाब

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

आपको बस इतना करना है कि इसे काम करने और सक्रिय करने के लिए सही कक्षाओं को कॉल करना है। आपको animate__animated को कॉल करना होगा और बस उनकी वेबसाइट से प्रभाव को कॉपी करके पेस्ट करना होगा और यह काम करना चाहिए।

ध्यान दें कि जब मैंने उनकी कक्षा की नकल की थी तो वह animate__slideInDown थी slideInDown नहीं।

<div class="container">
        <header class="animate__animated  animate__slideInDown text-center  p-5">
            <h1 class="display-4"> Using Animation! </h1>
        </header>
    </div>
1
Ahmad Dalao 31 अगस्त 2020, 00:40

यह हो सकता है कि कुछ एनिमेशन के लिए आपको बूटस्ट्रैप से सभी लाइब्रेरी की आवश्यकता हो (जेएस और जेक्वेरी भी) बूटस्ट्रैप में भी कोई एनिमेशन नहीं है आपका क्या मतलब है mdboostrap इस गाइड का अनुसरण करने का प्रयास करें -> https://mdbootstrap.com/md-bootstrap-cdn/

0
Maximilian Braun 31 अगस्त 2020, 00:35