अल्छी मानिसहरूका लागि CSS एनिमेसन जेनरेटर।
CSS एनिमेसनहरू
CSS ले JavaScript वा Flash प्रयोग नगरी HTML तत्वहरूको एनिमेसन अनुमति दिन्छ
यस अध्यायमा तपाईंले निम्न गुणहरूको बारेमा सिक्नुहुनेछ:
- @keyframes
- एनिमेसन नाम
- एनिमेसन-अवधि
- एनिमेसन-ढिलाइ
- एनिमेसन-पुनरावृत्ति-गणना
- एनिमेसन-दिशा
- एनिमेसन-समय-कार्य
- एनिमेसन-फिल-मोड
- एनिमेसन
ब्राउजर विशिष्ट उपसर्गहरू
केही पुराना ब्राउजरहरूलाई एनिमेसन गुणहरू बुझ्नको लागि विशिष्ट उपसर्गहरू (-webkit-) चाहिन्छ
CSS एनिमेसनहरू के हुन्?
एनिमेसनले तत्वलाई क्रमशः एक शैलीबाट अर्कोमा परिवर्तन गर्न दिन्छ।
तपाईले चाहानु भएको धेरै पटक CSS गुणहरू परिवर्तन गर्न सक्नुहुन्छ।
CSS एनिमेसन प्रयोग गर्न, तपाईंले पहिले एनिमेसनको लागि केही मुख्य फ्रेमहरू निर्दिष्ट गर्नुपर्छ।
कुञ्जीफ्रेमहरूले निश्चित समयमा तत्वसँग कुन शैलीहरू हुनेछन्।
@keyframes नियम
जब तपाईँले @keyframes नियम भित्र CSS शैलीहरू निर्दिष्ट गर्नुहुन्छ, एनिमेसन बिस्तारै हालको शैलीबाट निश्चित समयमा नयाँ शैलीमा परिवर्तन हुनेछ।
