AniJS - सीएसएस एनीमेशन के घोषित विवरण के लिए एक पुस्तकालय

दूसरे दिन मैं एनीमेशन के एक सभ्य सेट के साथ लैंडिंग पृष्ठ बनाने में लगा हुआ था जो पृष्ठ के साथ बातचीत के दौरान होता है। मैंने सीधे महसूस किया कि समस्या को हल करने के लिए कुछ शांत पुस्तकालय होना चाहिए। और फिर मुझे एनीजेएस मिला, जिसने मुझे पूरी तरह से जीत लिया!







मेरी राय में यह एक महान समाधान है जिसका वर्णन इस भावना में किया गया है:

<div data-anijs="if: click, do: flipInY, to: .container-box"></div>
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

सब कुछ यथासंभव सहज है: जब आप निर्दिष्ट div पर क्लिक करते हैं, तो हम .container-box तत्व पर flipInY एनीमेशन करते हैं।



मैं उदाहरण के लिए एक घटना कतार बनाने की संभावना का भी उल्लेख करता हूं:

 <div class="element1" data-anijs="if: click, do: wobble, to: .element2"> !</div> <div class="element2">  Wobble!</div> <div class="element3" data-anijs="if: animationend, on: .element2, do: hinge">   </div>
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

यही है, जब आप .element1 पर क्लिक करते हैं, तो .mentment2 के लिए " वॉबल " प्रभाव लागू किया जाएगा, जिसके अंत में ब्राउज़र विंडो की निचली सीमा से बाहर गिरने का प्रभाव .element3 पर लागू होगा।



सामान्य तौर पर, बहुत सारी दिलचस्प चीजें!

कृपया रुचि रखने वाले लोग पढ़ें ।