आळशी लोकांसाठी CSS अॅनिमेशन जनरेटर.
CSS अॅनिमेशन
CSS JavaScript किंवा Flash न वापरता HTML घटकांच्या अॅनिमेशनला अनुमती देते
या प्रकरणात तुम्ही खालील गुणधर्मांबद्दल जाणून घ्याल:
- @keyframes
- अॅनिमेशन-नाव
- अॅनिमेशन-कालावधी
- अॅनिमेशन-विलंब
- अॅनिमेशन-पुनरावृत्ती-गणना
- अॅनिमेशन-दिशा
- अॅनिमेशन-टाइमिंग-फंक्शन
- अॅनिमेशन-फिल-मोड
- अॅनिमेशन
ब्राउझर विशिष्ट उपसर्ग
काही जुन्या ब्राउझरना अॅनिमेशन गुणधर्म समजण्यासाठी विशिष्ट उपसर्ग (-webkit-) आवश्यक असतात
CSS अॅनिमेशन म्हणजे काय?
अॅनिमेशन घटकाला हळूहळू एका शैलीतून दुसऱ्या शैलीत बदलू देते.
तुम्हाला पाहिजे तितक्या वेळा तुम्ही CSS गुणधर्म बदलू शकता.
CSS अॅनिमेशन वापरण्यासाठी, तुम्ही प्रथम अॅनिमेशनसाठी काही कीफ्रेम नमूद करणे आवश्यक आहे.
कीफ्रेममध्ये विशिष्ट वेळी घटकाच्या कोणत्या शैली असतील.
@keyframes नियम
जेव्हा तुम्ही @keyframes नियमामध्ये CSS शैली निर्दिष्ट करता, तेव्हा अॅनिमेशन काही विशिष्ट वेळी वर्तमान शैलीपासून नवीन शैलीमध्ये हळूहळू बदलेल.
