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

CSS দিয়ে ব্যাকগ্রাউন্ডে ট্রান্সপারেন্সি যোগ করুন


এলিমেন্টের ব্যাকগ্রাউন্ডে ট্রান্সপারেন্সি যোগ করতে opacity প্রোপার্টি ব্যবহার করুন। নিচের কোড রান করে কাজ করুন।

উদাহরণ

<!DOCTYPE html> <html>   <head>     <style>       div {         background-color: #808000;         padding: 20px;       }       div.one {         opacity: 0.2;         filter: alpha(opacity=20);       }       div.two {         opacity: 0.5;         filter: alpha(opacity=50);       }     </style>   </head>   <body>     <h1>Heading</h1>     <p>Check transparency in the below section:</p>     <div class = "one">       <p>opacity 0.2</p>     </div>     <div class = "two">       <p>opacity 0.5</p>     </div>     <div>       <p>opacity 1</p>     </div>   </body> </html>

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

  2. CSS-এ ফ্লেক্স লাইনগুলোকে কন্টেইনারের শুরুতে প্রদর্শন করুন

  3. CSS-এ Background Attachment

  4. CSS অপাসিটি / ট্রান্সপারেন্সি