UTILS.
100% ब्राउज़र में
⤿

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

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

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

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

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

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

और टूल