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

CSS দিয়ে ফেডিং ইফেক্ট তৈরি

CSS দিয়ে ফেডিং ইফেক্ট তৈরি করতে linear-gradient এবং rgba ব্যবহার করুন। ফেডিং ইফেক্টের জন্য নিচের কোডটি রান করুন:

উদাহরণ

<!DOCTYPE html> <html>    <head>       <style>          #demo {             height: 100px;                background: linear-gradient(to right, rgba(255,50,30,0), rgba(255,50,30,1));             }          </style>       </head>    <body>       <h2>Linear Gradient</h2>       <div id = "demo">Fading Effect</div><br>    </body> </html>

  1. CSS দিয়ে কুপন তৈরি করার পদ্ধতি

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

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

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