কম্পিউটার টিউটোরিয়াল

CSS ট্রানজিশন নিয়ে কাজ

CSS ট্রানজিশন নিয়ে কাজ করতে transition প্রোপার্টি ব্যবহার করুন।

CSS-এ ট্রানজিশন বাস্তবায়ন করতে নিচের কোডটি রান করুন:

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          div {             width: 150px;             height: 150px;             background: blue;             transition: width 4s;          }          div:hover {             width: 200px;          }       </style>    </head>    <body>       <h1>Heading One</h1>       <p>Hover over the below box to change its width.</p>       <div></div>    </body> </html>

  1. CSS দিয়ে ৪-কলাম লেআউট গ্রিড (4-Column Layout Grid) তৈরি করা

  2. CSS Flexbox দিয়ে কলাম DIV-কে Left-Center-Right অ্যালাইন করা

  3. CSS দিয়ে চেকмар্ক/টিক মার্ক তৈরি করা

  4. শুধু CSS ব্যবহার করে স্মুথ স্ক্রোলিং বাস্তবায়ন করা