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

CSS ট্রানজিশন ইফেক্টের জন্য প্রোপার্টির নাম সেট করা

CSS ট্রানজিশন ইফেক্টের জন্য প্রোপার্টির নাম সেট করতে transition-property ব্যবহার করুন।

নিচের উদাহরণে প্রোপার্টি হিসেবে width এবং সময়কালও সেট করা হয়েছে:

উদাহরণ

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

  1. CSS width প্রোপার্টি দিয়ে রেসপন্সিভ ভিডিও প্লেয়ার তৈরি করুন

  2. CSS width প্রোপার্টি দিয়ে রেসপন্সিভ ইমেজ তৈরি করুন

  3. CSS-এ ট্যাব ক্যারেক্টারের প্রস্থ সেট করা

  4. CSS-এ grid template প্রপার্টি সেট করুন