CSS অ্যানিমেশন জেনারেটর কী?
ফ্রি অনলাইন CSS অ্যানিমেশন জেনারেটর। ভিজুয়াল এডিটরের মাধ্যমে CSS কীফ্রেম অ্যানিমেশন তৈরি করুন।
CSS অ্যানিমেশন নড়াচড়া, ভিজ্যুয়াল প্রতিক্রিয়া এবং আকর্ষণীয় ট্রানজিশনসহ ওয়েব ইন্টারফেসকে প্রাণবন্ত করে। সূক্ষ্ম হোভার প্রভাব থেকে মনোযোগ আকর্ষণকারী লোডিং ইন্ডিকেটর পর্যন্ত, কীফ্রেম অ্যানিমেশন আধুনিক ওয়েব ডিজাইনের জন্য অপরিহার্য। CSS অ্যানিমেশন জেনারেটর কাস্টমাইজযোগ্য সময়, ইজিং এবং পুনরাবৃত্তি সেটিংসসহ ১০টি রেডি-মেড কীফ্রেম অ্যানিমেশন প্রদান করে।
bounce, shake, pulse, spin, fade in, slide in left, slide in right, flip, wobble এবং swing থেকে বেছে নিন। প্রতিটি অ্যানিমেশনের একটি নিবেদিত @keyframes সংজ্ঞা রয়েছে যা শুরু, মধ্যবর্তী এবং শেষ অবস্থা পরিচালনা করে। একটি অ্যানিমেশন নির্বাচন করুন এবং ডেমো এলিমেন্টে তাৎক্ষণিকভাবে প্রিভিউ করুন।
ডিউরেশন (একটি চক্র কত সময় নেয়, 0.1s থেকে 10s), ইজিং ফাংশন (ease, ease-in, ease-out, ease-in-out, linear, বা একটি কাস্টম cubic-bezier মান), ডেলে (অ্যানিমেশন শুরুর আগে সময়, 0s থেকে 5s), ইটারেশন কাউন্ট (1, 2, 3, infinite, বা কাস্টম) এবং ডিরেকশন (normal, reverse, alternate, alternate-reverse) সামঞ্জস্য করুন।
লাইভ প্রিভিউ একটি ডেমো এলিমেন্টে অ্যানিমেশনটি চালানো দেখায়, বর্তমান @keyframes কোডটি সম্পূর্ণ CSS-এর পাশে প্রদর্শিত হয়। সম্পূর্ণ অ্যানিমেশন কোড — @keyframes নিয়ম এবং animation প্রপার্টি উভয়ই — এক ক্লিকে কপি করুন। জেনারেট করা কোড ভেন্ডর-প্রিফিক্স-মুক্ত সিনট্যাক্স ব্যবহার করে, যা সব আধুনিক ব্রাউজারে কাজ করে।