How can we make a menu bar icon which respond on the mouse cursor by using html

Answer 1

You can use Bootstrap if you want ready to use ones.

If you want to create it yourself:
my suggestion is create 3 divs inside 1 div with margins and color them.
If you want it to respond on your mouse without clicking you can use

"."(class) or "#"(id) : hover ---- in your css
you can also use : active but it only works when you click continuously
if you want an on click effect you should use Javascript.
like <button class="a" onclick="myFunction()"> etc.
or you can use jQuery with javascript. It is easier.

Answer 2

Yes it is very easy using jQuery.
I learned it and now it is awesome 👍