অ্যানিমেশন শুরুতে বিলম্ব দেওয়া
animation-delay প্রপার্টি ব্যবহার করে CSS অ্যানিমেশন শুরু হওয়ার আগে বিলম্ব (delay) সেট করা যায়।
উদাহরণ
নিচের কোডে ২ সেকেন্ড বিলম্বের সাথে অ্যানিমেশন শুরু হবে:
<!DOCTYPE html> <html> <head> <style> div { width: 150px; height: 200px; background-color: yellow; animation-name: myanim; animation-duration: 2s; animation-delay: 2s; } @keyframes myanim { from { background-color: green; } to { background-color: blue; } } </style> </head> <body> <div></div> </body> </html>
ব্যাখ্যা: এখানে animation-delay: 2s মানে অ্যানিমেশন পেজ লোড হওয়ার ২ সেকেন্ড পর শুরু হবে। নেতিবাচক মান দিলে অ্যানিমেশন মাঝপথ থেকে শুরু হবে।
