How can you make a rising plate?

Question

css

Hello everyone =) Can someone tell me how to make a rising plate with a piece of text in the middle? Only with JS? And what are such constructions called to google?

There is a small code:

<header class="header header-about">
    <div class="container">
      <div class="header-top">
        <img src="img/logo.png" alt="Design United">	
        
        <div class="menu-hamburger">
          <div class="hamburger" id="trigger-overlay" type="button">
            <div class="top-bun"></div>
            <div class="meat"></div>
            <div class="bottom-bun"></div>
          </div>		
        </div>	
        <div class="menu">Меню</div>
      </div>
    
      <div class="about-big">
        <div class="about-big-text">О компании</div>
      </div>
    </div>	
  </header>

Answer 1

Just a block with a piece of text and a shadow. https://jsfiddle.net/5hy9du6L/
I don't think these things have a special name.