CSS অ্যানিমেশন জেনারেটর অনলাইন — ফ্লোট, পালস ও বাউন্স কি-ফ্রেম

বাটন ও আইকনের জন্য আকর্ষণীয় লাইটওয়েট CSS অ্যানিমেশন তৈরি করুন। লাইভ প্রিভিউ ও ইনস্ট্যান্ট কোড কপি।

আপনার ব্রাউজারেই চলে। ফাইল আপনার ডিভাইসের বাইরে যায় না। যাচাই করার উপায় দেখুন

…

কীভাবে করবেন

১
ধাপ ১: CSS কি-ফ্রেম অ্যানিমেশন স্টুডিও খুলুন ও আপনার তথ্য দিন
ঘরগুলোতে আপনার সংখ্যা, লেখা বা ফাইল দিন, অথবা প্রয়োজনীয় অপশন বেছে নিন। কোনো কিছু আপলোড হয় না, সব আপনার ব্রাউজারেই থাকে।
২
ধাপ ২: CSS কি-ফ্রেম অ্যানিমেশন স্টুডিও যা করে
ফ্লোট, পালস, বাউন্স, শেক ও স্পিন অ্যানিমেশন তৈরি করুন লাইভ স্পিড ডিউরেশন ও কি-ফ্রেম কোড সহ।
৩
ধাপ ৩: ফলাফল দেখুন ও মিলিয়ে নিন
ফলাফল সঙ্গে সঙ্গে দেখা যায়। একটি মান বদলে দেখুন ফলাফল কীভাবে বদলায়, তারপর সবচেয়ে ঠিক সংখ্যাটি রেখে দিন।
৪
ধাপ ৪: কপি বা সংরক্ষণ করুন
ফলাফল কপি করুন বা ডাউনলোড করুন। জরুরি সিদ্ধান্তের আগে সরকারি উৎস বা বিশেষজ্ঞের সাথে মিলিয়ে নিন।

এই টুল সম্পর্কে

বাটন, অফার ব্যাজ বা লোডিং আইকনকে আকর্ষণীয় করে তুলুন স্মুথ অ্যানিমেশনের মাধ্যমে। জেন্টল ফ্লোট, অ্যাটেনশন পালস, বাউন্স, এরর শেক এবং স্পিন প্রিভিউ দেখুন এবং কয়েক ক্লিকে প্রোডাকশন-রেডি কি-ফ্রেম কোড কপি করুন।

ভালো ফল পাওয়ার পরামর্শ

শুরুর আগে অপশনগুলো একবার পড়ে নিন এবং প্রথমে ছোট একটি নমুনা দিয়ে চেষ্টা করুন। সবকিছু আপনার ডিভাইসের ব্রাউজারে চলে, তাই আপনি যা লেখেন বা যোগ করেন তা আপলোড হয় না এবং ট্যাব বন্ধ করলে মুছে যায়। কিছু ঠিক না লাগলে পেজ রিলোড করে আবার চেষ্টা করুন, অথবা এই পেজের রিপোর্ট লিংক দিয়ে জানান, আমরা ঠিক করে দেব। ফল ঠিক না লাগলে একবারে একটি করে মান বদলে দেখুন কোন ঘরটি বেশি প্রভাব ফেলে। আবার দরকার হলে এই পেজটি বুকমার্ক করে রাখুন, পরের বার সরাসরি পৌঁছে যাবেন।