Animate.css

Animate.css is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guiding hints.

टूल अपडेट करें

वेबसाइट देखें

स्कोर

उपयोगकर्ता रेटिंग

3.0

मुफ्त/ट्रायल सहायता

समर्थित

प्रारंभिक मूल्य

अंतिम अपडेट

अग 13, 2026

अवलोकन

Animate.css क्या है?

Animate.css एक सीएसएस एनीमेशन लाइब्रेरी है जो यूजर इंटरफेस को बढ़ाने के लिए पूर्व-निर्मित, क्रॉस-ब्राउज़र एनिमेशन प्रदान करती है। इसमें सीएसएस चर के माध्यम से देरी और अनुकूलन के लिए उपयोगिता वर्गों के साथ विभिन्न एनीमेशन प्रकार जैसे ध्यान चाहने वाले, प्रवेश द्वार, निकास और बहुत कुछ शामिल हैं।

Animate.css किस लिए उपयोग किया जाता है?

मोशन

उपयोगकर्ता समूह

रचनात्मक टीमें Web Developers Frontend Developers Ui Designers Web Designers

शीर्ष सुविधाएं

पूर्व-निर्मित सीएसएस एनिमेशन
क्रॉस-ब्राउज़र अनुकूलता
देरी के लिए उपयोगिता कक्षाएं
सीएसएस चर के माध्यम से अनुकूलन योग्य
वेब परियोजनाओं के साथ आसान एकीकरण

Animate.css का उपयोग कैसे करें?

एनपीएम, यार्न, या सीडीएन के माध्यम से इंस्टॉल करें, फिर HTML तत्वों में 'animate__animated' क्लास और एक एनीमेशन नाम (उदाहरण के लिए, 'animate__bounce') जोड़ें। अवधि और विलंब के लिए सीएसएस कस्टम गुणों का उपयोग करके एनिमेशन अनुकूलित करें।

वैकल्पिक टूल

कोई वैकल्पिक टूल नहीं मिला

फायदे & नुकसान

फायदे

केवल सीएसएस कक्षाओं के साथ उपयोग करना आसान है
एनीमेशन प्रभावों की विस्तृत श्रृंखला
दृश्य बल के साथ UX को बेहतर बनाने के लिए अच्छा है
लचीले अनुकूलन विकल्प

नुकसान

HTML में उपसर्ग प्रबंधन की आवश्यकता हो सकती है
यदि सावधानी से लागू न किया जाए तो कुछ एनिमेशन का अत्यधिक उपयोग हो सकता है

उपयोग के मामले

जोर देने के लिए वेब पेजों में एनिमेशन जोड़ना
इंटरैक्टिव स्लाइडर या होम पेज बनाना
ध्यान निर्देशित करने वाले संकेतों के साथ यूजर इंटरफेस को बढ़ाना

Animate.css मूल्य

मुफ्त योजना

कोई विस्तृत मूल्य जानकारी उपलब्ध नहीं

उपयोगकर्ता समीक्षाएं

3.0

5 में से

3.0

अभी तक कोई समीक्षा नहीं

इस टूल की पहली समीक्षा करने वाले बनें!

Notion