मंगलवार.केएस द हॉटेस्ट एनिमेशन लाइब्रेरी अभी है
अब तक आपको पहले से ही परिचित होना चाहिए Animate.css जैसा प्राथमिक एनीमेशन लाइब्रेरी वेब डिजाइनरों के बीच.
लेकिन नाम के ब्लॉक पर एक नया बच्चा है मंगलवार, और उसका बल द्वारा वेब एनीमेशन ले रहा है.
यह नया पुस्तकालय प्रारूप या कार्यान्वयन में बिलकुल अलग नहीं है। लेकिन मंगलवार मुट्ठी भर के साथ आता है नई सीएसएस एनिमेशन कि आप कहीं और नहीं मिल सकता.
ये नए प्रभाव हैं प्रकृति में बहुत अधिक सूक्ष्म तो वे वास्तव में एक पृष्ठ में अच्छी तरह से मिश्रण. यहाँ एक है प्रभावों की छोटी सूची आप इससे चुन सकते हैं:
- फीका और विस्तारित
- फीका और सिकुड़ा हुआ
- स्टाम्प नीचे और उछाल
- नाराज झूले
- बाएँ / दाएँ से ड्रॉप करें
- स्क्वैश / खिंचाव
- काज
यदि आप डेमो पेज पर इस सूची से गुजरते हैं, तो आप देखेंगे कि सभी प्रभाव हैं आम बात: भौतिकी.
उन्हें सब बहुत अच्छा लगता है भौतिकी की मूल बातें के लिए यथार्थवादी, और वे प्रतीत होते हैं गुरुत्वाकर्षण के नियमों का पालन करना. इनमें से कोई भी एनिमेशन ओवर-द-टॉप या एक्सट्रांसस नहीं है। वे सूक्ष्म अभी तक ध्यान देने योग्य है और अधिक महत्वपूर्ण बात, वे कर रहे हैं मुमकिन.
मुझे लगता है कि मंगलवार सबसे अच्छा आधुनिक सीएसएस एनीमेशन पुस्तकालयों में से एक है क्योंकि यह प्रस्तुत करता है वेब एनीमेशन का एक यथार्थवादी दृश्य.
हमें क्रेज़ी इंटरफ़ेस इफ़ेक्ट्स नहीं डिज़ाइन करने चाहिए जो कि एक गले में अंगूठे की तरह खड़े हों. सूक्ष्मता हमेशा खेल का नाम है क्योंकि यह अन्तरक्रियाशीलता की भावना पैदा करता है किसी भी उपयोगकर्ता इनपुट से चाहे वह एक क्लिक हो या एक स्क्रॉल.
मुसीबत हमेशा इन एनिमेशनों को स्क्रैच से लिख रही है और उन्हें सही दिखने के लिए प्राप्त कर रही है। लेकिन अब मंगलवार के साथ आपकी चिंताएं दूर हो सकती हैं.
केवल GitHub से एक प्रति डाउनलोड करें तथा जोड़ें .सीएसएस अपने पृष्ठ पर फ़ाइल करें. आप वास्तव में कर सकते हैं GitHub से सीधे CDN संस्करण का उपयोग करें यदि आप स्थानीय रूप से कुछ भी डाउनलोड नहीं करना चाहते हैं.
एक बार यह आपके वेब पेज पर जुड़ जाए, तो बस append .चेतन किसी भी मालिकाना वर्ग के साथ वर्ग GitHub रेपो में सूचीबद्ध है। आपका कोड कुछ इस तरह दिख सकता है:
आज मंगलवार है.
देख लेना पूर्ण प्रलेखन देखना सभी में / बाहर एनीमेशन वर्गों की एक सूची.
यदि आप जावास्क्रिप्ट के साथ काम करते हैं तो आप भी कर सकते हैं इन वर्गों को गतिशील रूप से जोड़ें क्लिक / हॉवर घटनाओं पर। इस तरह आप एक चेतन वर्ग को केवल तभी जोड़ सकते हैं जब कोई उपयोगकर्ता एक बटन क्लिक करता है, जो क्लिक करने पर चेतन प्रतीत होगा.
मंगलवार के साथ आप बहुत कुछ कर सकते हैं, और यह व्यावहारिक UI एनिमेशन के लिए वास्तव में नया Animate.css है.
पर एक नज़र रखना डेमो पेज इसे देखने के लिए कार्रवाई में रहते हैं, और आप उनके माध्यम से पढ़कर अधिक जान सकते हैं “निर्माणाधीन” पद जो बात करता है कि मंगलवार को शकर टीम कैसे बनी.
