কম্পিউটার

CSS সহ অ্যানিমেটেড ব্যাকগ্রাউন্ড


অ্যানিমেট করতে @keyframes ব্যবহার করুন। CSS এর সাথে পটভূমিতে অ্যানিমেশন প্রয়োগ করতে, আপনি নিম্নলিখিত কোড চালানোর চেষ্টা করতে পারেন

উদাহরণ

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            width: 400px;
            height: 300px;
            animation: myanim 3s infinite;
         }
         @keyframes myanim {
            30% {
               background: green bottom right/50px 50px;
            }
         }
      </style>
   </head>
   <body>
      <div></div>
   </body>
</html>

  1. কিভাবে CSS দিয়ে একটি ঝাপসা ব্যাকগ্রাউন্ড ইমেজ তৈরি করবেন?

  2. কিভাবে CSS দিয়ে একটি অ্যানিমেটেড সার্চ ফর্ম তৈরি করবেন?

  3. কিভাবে CSS দিয়ে একটি ফুল স্ক্রীন ভিডিও ব্যাকগ্রাউন্ড তৈরি করবেন?

  4. কিভাবে CSS দিয়ে স্ক্রলে গ্রেডিয়েন্ট ব্যাকগ্রাউন্ড কালার তৈরি করবেন?