বিষয়বস্তুতে যান

CSS Animation জেনারেটর

লাইভ প্রিভিউ সহ CSS keyframe অ্যানিমেশন ভিজ্যুয়ালি তৈরি করুন। bounce, pulse, shake, spin প্রিসেট থেকে বেছে নিন। সময়কাল, টাইমিং এবং আরও সমন্বয় করুন। CSS কোড কপি করুন। বিনামূল্যে অনলাইন টুল।

প্রিভিউ

1.0s
0.0s

CSS আউটপুট

 

CSS অ্যানিমেশন কী?

CSS অ্যানিমেশন সময়ের সাথে CSS প্রপার্টি মানগুলোর মধ্যে ট্রানজিশন অ্যানিমেট করতে দেয়। এগুলো দুটি অংশ নিয়ে গঠিত: @keyframes নিয়ম যা অ্যানিমেশন ধাপগুলো সংজ্ঞায়িত করে, এবং animation প্রপার্টি যা টাইমিং, দিক এবং প্লেব্যাক নিয়ন্ত্রণ করে।

অ্যানিমেশন প্রিসেট

এই টুলে সাধারণ অ্যানিমেশন প্রিসেট রয়েছে: bounce (উলম্ব বাউন্স), pulse (উপরে-নিচে স্কেলিং), shake (অনুভূমিক ঝাঁকুনি), spin (360° ঘূর্ণন), fadeIn/fadeOut (ওপ্যাসিটি ট্রানজিশন), slideIn/slideOut (পাশ থেকে স্লাইড), swing (দোলক ঘূর্ণন) এবং wobble (অসম ঝাঁকুনি)।

গোপনীয়তা

সমস্ত অ্যানিমেশন জেনারেশন 100% আপনার ব্রাউজারে চলে। কোনো ডেটা কোনো সার্ভারে পাঠানো হয় না।