Style animationTimingFunction বৈশিষ্ট্য

সংজ্ঞা ও ব্যবহার

animationTimingFunction এনিমেশন গতিরেখা নির্ধারণ

গতিরেখা এনিমেশনটি একটি সংযোগকৃত CSS শৈলী থেকে আরেকটি শৈলীতে পরিবর্তনের সময়কে নির্ধারণ করে

গতিরেখা সমস্ত পরিবর্তনকে সমতল করে

উদাহরণ

পরিবর্তন <div> উপাদানের animationTimingFunction বৈশিষ্ট্য

document.getElementById("myDIV").style.animationTimingFunction = "linear";

স্বয়ং প্রয়াস করুন

সংজ্ঞা

এনিমেশনTimingFunction বৈশিষ্ট্য ফলাফল

object.style.animationTimingFunction

এনিমেশনTimingFunction বৈশিষ্ট্য সংযোজন:

object.style.animationTimingFunction = "linear|ease|ease-in|ease-out|cubic-bezier(n, n, n, n)|initial|inherit"

বৈশিষ্ট্য মান

মান বর্ণনা
linear এনিমেশন শুরু থেকে শেষ পর্যন্ত একই গতিতে
ease ডিফল্ট মান। এনিমেশন ধীরে শুরু করে, তারপর দ্রুততর হয়, এবং শেষত ধীরে শেষ হয়
ease-in এনিমেশন ধীরে শুরু হয়
ease-out এনিমেশন ধীরে শেষ হয়
ease-in-out এনিমেশন উদ্বোধনীতেও অন্ত্যতেও ধীর
cubic-bezier(n, n, n, n)

তিনটি কুবিক বেজিয়ার ফাংশনে আপনার নিজস্ব মান নির্ধারণ করুন。

সম্ভাব্য মান 0 থেকে 1-র সংখ্যা
initial এই বৈশিষ্ট্যটিকে তার ডিফল্ট মানে নিন। দেখুন initial.
inherit এই বৈশিষ্ট্যটি পিতৃ উপাদান থেকে উত্তরণ করুন। দেখুন inherit.

তকনীকী বিবরণ

ডিফল্ট মান: ease
ফলাফল শব্দসারণ, যা উপাদানের animation-timing-function প্রতিভাশংসী.
CSS সংস্করণ: CSS3

ব্রাউজার সমর্থন

animationTimingFunction এটি CSS3 (1999) বৈশিষ্ট্য

সমস্ত ব্রাউজারগুলি এটির সম্পূর্ণ সমর্থন করেছে:

চ্রোম এডজ ফায়ারফক্স স্যাফারি অপেরা IE
চ্রোম এডজ ফায়ারফক্স স্যাফারি অপেরা IE
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন 11

সংশ্লিষ্ট পৃষ্ঠা

CSS সংক্ষিপ্ত পরীক্ষা:animation-timing-function প্রতিভাশংসী