CSS Animation जनरेटर
लाइव प्रीव्यू के साथ CSS keyframe एनिमेशन विज़ुअली बनाएँ। bounce, pulse, shake, spin जैसे प्रीसेट चुनें। अवधि, टाइमिंग और अधिक एडजस्ट करें। CSS कोड कॉपी करें। मुफ्त ऑनलाइन टूल।
प्रीव्यू
CSS आउटपुट
संदर्भ
CSS एनिमेशन क्या हैं?
CSS एनिमेशन आपको समय के साथ CSS प्रॉपर्टी मानों के बीच संक्रमणों को एनिमेट करने देते हैं। ये दो भागों से मिलकर बने होते हैं: @keyframes नियम जो एनिमेशन चरणों को परिभाषित करते हैं, और animation प्रॉपर्टी जो टाइमिंग, दिशा और प्लेबैक को नियंत्रित करती है।
एनिमेशन प्रीसेट
इस टूल में सामान्य एनिमेशन प्रीसेट शामिल हैं: bounce (ऊर्ध्वाधर उछाल), pulse (ऊपर-नीचे स्केलिंग), shake (क्षैतिज हिलना), spin (360° घूर्णन), fadeIn/fadeOut (ओपैसिटी संक्रमण), slideIn/slideOut (किनारे से स्लाइड), swing (पेंडुलम घूर्णन) और wobble (असममित हिलना)।
गोपनीयता
सभी एनिमेशन जनरेशन 100% आपके ब्राउज़र में चलता है। कोई डेटा किसी सर्वर पर नहीं भेजा जाता।