animation-iteration-count প্রপার্টি
animation-iteration-count প্রপার্টি
অ্যানিমেশনের পুনরাবৃত্তির সংখ্যা নির্ধারণ করে। ডিফল্টভাবে
অ্যানিমেশন শুধুমাত্র 1 বার পুনরাবৃত্তি হয় এবং
তারপর তার প্রারম্ভিক অবস্থায় ফিরে আসে।
আমাদের এই প্রপার্টি, তবে, একটি নির্দিষ্ট সংখ্যক
পুনরাবৃত্তি নির্ধারণ করতে অথবা একেবারেই
অসীম পুনরাবৃত্তি নির্ধারণ করতে দেয়।
সিনট্যাক্স
সিলেক্টর {
animation-iteration-count: পূর্ণসংখ্যা বা ভগ্নাংশ সংখ্যা | infinite;
}
মানসমূহ
| মান | বর্ণনা |
|---|---|
| সংখ্যা |
নির্দিষ্ট সংখ্যক পুনরাবৃত্তি, যা সম্পন্ন হওয়ার পর অ্যানিমেশন বন্ধ হয়ে যাবে।
যে অবস্থানটি এটি দখল করবে, তা নিয়ন্ত্রণ করা হয়
animation-fill-mode প্রপার্টি দ্বারা।
ভগ্নাংশ মান নির্ধারণ করা যেতে পারে - এই ক্ষেত্রে অ্যানিমেশন শুধুমাত্র আংশিকভাবে
চালানো হবে।
|
infinite |
অ্যানিমেশন অসীমভাবে পুনরাবৃত্তি হতে থাকবে। |
ডিফল্ট মান: 1।
উদাহরণ . সসীম সংখ্যক পুনরাবৃত্তি
এই উদাহরণে অ্যানিমেশন শুধুমাত্র
3 বার পুনরাবৃত্তি হবে, এবং তারপর প্রারম্ভিক
অবস্থায় ফিরে আসবে:
<div id="elem"></div>
@keyframes move {
from {
margin-left: 0;
}
to {
margin-left: 400px;
}
}
#elem {
animation-duration: 3s;
animation-name: move;
animation-iteration-count: 3;
animation-timing-function: linear;
border: 1px solid black;
width: 50px;
height: 50px;
}
:
উদাহরণ . infinite মান
এবং এখন অ্যানিমেশন অসীমভাবে পুনরাবৃত্তি হতে থাকবে:
<div id="elem"></div>
@keyframes move {
from {
margin-left: 0px;
}
to {
margin-left: 400px;
}
}
#elem {
animation-duration: 3s;
animation-name: move;
animation-iteration-count: infinite;
animation-timing-function: linear;
border: 1px solid black;
width: 50px;
height: 50px;
}
:
আরও দেখুন
-
animation-nameপ্রপার্টি,
যা অ্যানিমেশনের নাম নির্ধারণ করে -
animation-durationপ্রপার্টি,
যা অ্যানিমেশনের স্থিতিকাল নির্ধারণ করে -
animation-delayপ্রপার্টি,
যা অ্যানিমেশন কার্যকর করার আগে বিলম্ব নির্ধারণ করে -
animation-timing-functionপ্রপার্টি,
যা অ্যানিমেশন কার্যকর করার গতি নির্ধারণ করে -
animation-directionপ্রপার্টি,
যা অ্যানিমেশনের দিক নির্ধারণ করে -
animation-fill-modeপ্রপার্টি,
যা অ্যানিমেশনের অবস্থা নির্ধারণ করে -
animation-play-stateপ্রপার্টি,
যা অ্যানিমেশনটি বিরতিতে রাখতে দেয় -
animationপ্রপার্টি,
যা অ্যানিমেশনের জন্য একটি সংক্ষিপ্ত রূপ -
@keyframesকমান্ড,
যা অ্যানিমেশনের কী-ফ্রেম নির্ধারণ করে -
transitionমসৃণ পরিবর্তন, যা একটি উপাদানের উপর হভার করার সময় অ্যানিমেশন উপস্থাপন করে
