কম্পিউটার

CSS এর সাথে একটি অ্যানিমেশন শুরু করার জন্য একটি বিলম্ব সেট করুন


অ্যানিমেশন-বিলম্ব ব্যবহার করুন CSS এর সাথে একটি অ্যানিমেশন শুরু করার জন্য বিলম্ব সেট করার জন্য সম্পত্তি:

উদাহরণ

<!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>

  1. CSS @keyframes অ্যানিমেশনের নাম সেট করুন

  2. CSS দিয়ে একটি বোতামের প্রস্থ সেট করুন

  3. CSS এর সাথে পেজিনেশনের জন্য স্টাইল সেট করুন

  4. CSS দিয়ে ব্যাকগ্রাউন্ড-কালার প্রপার্টিতে অ্যানিমেশন সম্পাদন করুন