UTILS.
निजता हमेशा पहले
⤿

CSS एनिमेशन जनरेटर

एक कीफ़्रेम एनिमेशन बनाएँ, उसे लाइव प्रीव्यू करें और CSS कॉपी करें।

आपकी फ़ाइलें इसी डिवाइस पर रहती हैं

फ़ाइलें ब्राउज़र में प्रोसेस होती हैं, कभी अपलोड नहीं होतीं। साइट टूल चलाने के लिए ज़रूरी कोड और संसाधन डाउनलोड करती है। न खाता, न ट्रैकर।

इस टूल को एक HTML फ़ाइल में सहेजकर ऑफ़लाइन इस्तेमाल करने के लिए डाउनलोड करें।

गोपनीयता →

इस टूल के बारे में

अवधि, टाइमिंग फ़ंक्शन और इटरेशन काउंट के साथ एक प्रीसेट एनिमेशन चुनें, उसे लाइव चलते हुए देखें, फिर @keyframes और animation नियम कॉपी करें। यह सब आपके ब्राउज़र में चलता है।

अक्सर पूछे जाने वाले प्रश्न

इटरेशन काउंट क्या नियंत्रित करता है?
यह तय करता है कि एनिमेशन कितनी बार चलता है; हमेशा लूप करने के लिए infinite चुनें या उतनी बार चलाने के लिए एक संख्या चुनें।
मैं एनिमेशन को फिर से कैसे शुरू करूँ?
Replay दबाएँ — यह संक्षेप में एनिमेशन को हटाकर फिर से लागू करता है ताकि प्रीव्यू पहले कीफ़्रेम से दोबारा चले।

और टूल