Как можно сделать поднимающуюся плашку?

Question

[Юлия]

Всем привет=) Кто-нибудь подскажет каким образом можно сделать поднимающуюся плашку с отрезком текста посередине? Только с помощью JS ? И как вообще такие конструкции называются, чтобы загуглить?


Код небольшой есть:

<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>

Comments

[Mr. Vazovsky]

Можно ссылку на сайт? Буду благодарен!

[Юлия]

его нет в сети, для тренировки верстки делаю)

Answer 1

[Stalker_RED]

Просто блок с куском текста и тенью. https://jsfiddle.net/5hy9du6L/
Не думаю, что у таких штук есть специальное название.

Comments

[Юлия]

Спасибо, работает!)

[Stalker_RED]

Арсен Абакаров, не надо ничего нарезать, надо засунуть туда строку целиком.

[Stalker_RED]

Арсен Абакаров, да нет, можно любой текст так оформить.
https://jsfiddle.net/o1dqdmjq/

[Stalker_RED]

Арсен Абакаров, бро, ну что за детсад.
Врапперу можно хоть 100% задать - не жалко, и стоило добавить одну строчку и нормально копируется.
https://jsfiddle.net/063g4duk/