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

CSS দিয়ে ট্রানজিশন ইফেক্ট তৈরি

ট্রানজিশন ইফেক্ট তৈরি করতে ট্রানজিশন ইফেক্টের জন্য প্রোপার্টি সেট করুন। এর সাথে ইফেক্টের সময়কালও সেট করুন।

transition: height 5s;

ট্রানজিশন ইফেক্ট তৈরি করতে নিচের কোডটি রান করুন:

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          div {             width: 150px;             height: 150px;             background: blue;             transition: width 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 দিয়ে কুপন তৈরি করার পদ্ধতি

  2. CSS দিয়ে স্মুথ স্ক্রলিং ইফেক্ট তৈরি

  3. CSS দিয়ে প্যারাল্যাক্স স্ক্রোলিং ইফেক্ট তৈরি

  4. CSS দিয়ে অ্যারো (Arrow) তৈরি