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

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

CSS-এ ট্রানজিশন ইফেক্ট কত সেকেন্ড বা মিলিসেকেন্ডে সম্পূর্ণ হবে তা সেট করতে transition-duration প্রোপার্টি ব্যবহার করুন।

উদাহরণ

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

  1. CSS flex-direction: row দিয়ে ফ্লেক্স আইটেম হরিজেন্টাল সেট করা

  2. CSS দিয়ে মেনু আইকন (Hamburger Menu) তৈরি করা

  3. CSS দিয়ে ইউজার রেটিং স্কোরকার্ড তৈরি করার পদ্ধতি

  4. CSS দিয়ে DIV-কে উইন্ডো হাইটের ১০০% করা