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

CSS দিয়ে ট্রান্সপারেন্ট বক্স তৈরি করুন


CSS দিয়ে ট্রান্সপারেন্ট বক্স তৈরি করতে নিচের কোড রান করুন।

উদাহরণ

<!DOCTYPE html> <html>   <head>     <style>       div {         background-color: #808000;         padding: 20px;       }       div.myopacity {         opacity: 0.4;         filter: alpha(opacity=80);       }     </style>   </head>   <body>     <h1>Heading</h1>     <p>Check trensparency in the below box:</p>     <div class = "myopacity">       <p>opacity 0.4</p>     </div>     <div>       <p>opacity 1</p>     </div>   </body> </html>

  1. CSS দিয়ে ফ্লিপ বক্স (Flip Box) তৈরি

  2. CSS দিয়ে ৪-কলাম লেআউট গ্রিড (4-Column Layout Grid) তৈরি করা

  3. CSS দিয়ে চেকмар্ক/টিক মার্ক তৈরি করা

  4. শুধু CSS ব্যবহার করে স্মুথ স্ক্রোলিং বাস্তবায়ন করা