Animate.css - क्रॉस-ब्राउज़र CSS3 एनिमेशन का एक सेट

Animate.css

दूसरे दिन मैं इस अद्भुत चीज़ के साथ आया और इसे हब्रहाब्र के साथ साझा करने का फैसला किया।
Animate.css - एक फ़ाइल में महान क्रॉस-ब्राउज़र CSS3 एनिमेशन की असेंबली।

पुस्तकालय के बारे में थोड़ा सा

पुस्तकालय में 56 प्रकार के प्रभाव वाले समूह शामिल हैं, जिसमें तत्व के एनीमेशन से "इनपुट" और "निकास" शामिल है, साथ ही एक साधारण निर्माता भी है जो फ़ाइल में केवल वांछित प्रभाव शामिल करना संभव बनाता है।
पुस्तकालय का उपयोग पहले से ही Foursquare, EA, Disney आदि द्वारा किया जाता है।

के उपयोग

किसी तत्व में एनीमेशन जोड़ने के लिए, आपको 2 कक्षाएं निर्दिष्ट करने की आवश्यकता है: एनीमेशन शुरू करने के लिए वांछित एनीमेशन का वर्ग, और एनिमेटेड वर्ग:

<div id="example" class="flip animated"></div> 

मेरे पास कहने के लिए और कुछ नहीं है, बस डेमो देखें।

द्वारा पोस्ट किया गया: डैनियल ईडन
डेमो
Github
डिजाइनर