ऑनलाइन टूल CSS3 एनिमेशन जेनरेटर

Animation

आलसी लोगों के लिए CSS एनिमेशन जनरेटर।

सीएसएस एनिमेशन

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

इस अध्याय में आप निम्नलिखित गुणों के बारे में जानेंगे:

  • @कीफ़्रेम
  • एनिमेशन-नाम
  • एनिमेशन-अवधि
  • एनिमेशन-देरी
  • एनिमेशन-पुनरावृत्ति-गिनती
  • एनिमेशन-दिशा
  • एनिमेशन-टाइमिंग-फ़ंक्शन
  • एनिमेशन-फिल-मोड
  • एनीमेशन

ब्राउज़र विशिष्ट उपसर्ग

एनीमेशन गुणों को समझने के लिए कुछ पुराने ब्राउज़रों को विशिष्ट उपसर्गों (-वेबकिट-) की आवश्यकता होती है

 

CSS एनिमेशन क्या हैं?

एक एनीमेशन एक तत्व को धीरे-धीरे एक शैली से दूसरी शैली में बदलने देता है।

आप जितनी बार चाहें उतनी बार सीएसएस गुण बदल सकते हैं।

CSS एनिमेशन का उपयोग करने के लिए, आपको पहले एनिमेशन के लिए कुछ मुख्य-फ़्रेम निर्दिष्ट करने होंगे।

कीफ़्रेम धारण करते हैं कि निश्चित समय पर तत्व की कौन सी शैलियाँ होंगी।

 

@कीफ़्रेम नियम

जब आप @keyframes नियम के अंदर CSS शैलियों को निर्दिष्ट करते हैं, तो निश्चित समय पर एनीमेशन धीरे-धीरे वर्तमान शैली से नई शैली में बदल जाएगा।