On the Inbox Google website I saw an interesting implementation in design. Function buttons appear only when you hover on the block (go and see for yourself). I can not understand how this is implemented. Maybe where there are ready-made examples or what kind of implementation?

  • bottom right ??? - Excess Gophers
  • not. on the letter when you direct. But below is the answer given - Anatoly

1 answer 1

If you are about the buttons that occur when you hover over a letter, then this is done through the selector :hover parent element.

 .outer { height: 50px; background: orange; } .inner { display: none; } .outer:hover .inner { display: block; } 
 <html> <body> <div class="outer"> <div class="inner"> <button>Open</button> <button>Save</button> </div> </div> </body> </html>

  • thank you kind man - Anatoly