animation-timing-function প্রপার্টি

animation-timing-function প্রপার্টি অ্যানিমেশনের পরিবর্তনের গতি (ত্বরণ) নির্ধারণ করে। উদাহরণস্বরূপ, প্রথমে ধীরে, তারপর দ্রুত, তারপর ধীরে ইত্যাদি।

সিনট্যাক্স

মানসমূহ

মান	বর্ণনা
ease	প্রথমে ধীরে, তারপর দ্রুত, শেষে আবার ধীরে।
ease-in	ধীরে শুরু হয় এবং ধীরে ধীরে গতি বৃদ্ধি পায়।
ease-out	দ্রুত শুরু হয় এবং ধীরে ধীরে থেমে যায়।
ease-in-out	প্রথমে ধীরে, তারপর দ্রুত, শেষে আবার ধীরে। ease থেকে গতির পার্থক্য রয়েছে।
linear	সর্বদা একই গতি বজায় থাকে।
step-start	কোনো অ্যানিমেশন নেই, প্রপার্টি সাথে সাথে চূড়ান্ত মান গ্রহণ করে।
step-end	কোনো অ্যানিমেশন নেই, প্রপার্টি animation-duraton-এ নির্ধারিত সময় অপেক্ষা করে, তারপর সাথে সাথে চূড়ান্ত মান গ্রহণ করে।
steps	প্রপার্টির মান ধাপে ধাপে পরিবর্তিত হয়।
cubic-bezier	বেজিয়ার কার্ভ, যা যেকোনো ধরনের অ্যানিমেশন নির্দিষ্ট করতে পারে। দেখুন বেজিয়ার কার্ভ জেনারেটর।

ডিফল্ট মান: ease.

বিভিন্ন মানের তুলনা

নিচের ব্লকগুলির উপর মাউস নিয়ে যান সমস্ত ধরনের টাইমিং ফাংশনের কাজ দেখতে পেতে:

আরও দেখুন