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

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


CSS দিয়ে মেনু আইকন তৈরি করার কোড নিচে দেওয়া হলো:

উদাহরণ

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> div {    width: 40px;    height: 7px;    background-color: blue;    margin: 5px 2px; } </style>> </head> <body> <h2>Sample Menu Icon</h2> <div></div> <div></div> <div></div> </body> </html>

আউটপুট

এটি নিচের আউটপুট দেবে:

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


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

  2. CSS দিয়ে নোট (Notes) তৈরি করার পদ্ধতি

  3. CSS Flexbox দিয়ে কলাম DIV-কে Left-Center-Right অ্যালাইন করা

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