CSS animation-delay প্রোপার্টি

বিবরণ ও ব্যবহার

animation-delay বৈশিষ্ট্য অ্যানিমেশন কতটা সময় শুরু করবে তা নির্দেশ করে।

animation-delay মান সেকেন্ড বা মিলিসেকেন্ডের হিসাবে নির্দিষ্ট করা হয়।

পরামর্শ:নেতিবাচক মান অনুমোদিত, -2s একই সময়ে অ্যানিমেশন শুরু করে, কিন্তু 2 সেকেন্ড সাফল্য হওয়ার পর অ্যানিমেশন চলাকালীন যাত্রা শুরু করে:

অন্যান্য দেখুন:

CSS3 শিক্ষাক্রম:CSS অ্যানিমেশন

HTML DOM সংক্ষিপ্ত পরিচ্ছেদ:animationDelay বৈশিষ্ট্য

প্রকল্প

উদাহরণ 1

2 সেকেন্ড অপেক্ষা করে, তারপর অ্যানিমেশন শুরু করুন:

div {
  animation-delay: 2s;
}

আপনার নিজের পরীক্ষা করুন

উদাহরণ 2

নেতিবাচক মান, অ্যানিমেশন 2 সেকেন্ড সাফল্য হওয়ার পর অ্যানিমেশন চলাকালীন যাত্রা শুরু করে:

div {
  animation-delay: -2s;
}

আপনার নিজের পরীক্ষা করুন

CSS গঠনশৈলী

animation-delay: time;
মান বর্ণনা পরীক্ষা
time বাছাইযোগ্য।এক্সপেক্ট অ্যানিমেশন শুরু করার সময়, সেকেন্ড বা মিলিসেকেন্ডের হিসাবে নির্দিষ্ট করুন।ডিফল্ট মান 0। পরীক্ষা

প্রযুক্তিগত বিবরণ

ডিফল্ট মান: 0
বংশগততা: no
সংস্করণ: CSS3
JavaScript গঠনশৈলী: object.style.animationDelay="2s"

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

সারণীতে দেওয়া সংখ্যা এই বৈশিষ্ট্যটি সম্পূর্ণরূপে সমর্থনকারী প্রথম ব্রাউজার সংস্করণকে নির্দেশ করে।

যে সব সংখ্যা -webkit-、-moz- অথবা -o- প্রিফিক্স দিয়ে দেওয়া হয়েছে, তা প্রথম সংস্করণ ব্যবহার করতে প্রয়োগ হয়।

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
43.0
4.0 -webkit-		 10.0 16.0
5.0 -moz-		 9.0
4.0 -webkit-		 30.0
15.0 -webkit-
12.0 -o-