Вопрос? Всплывющее окно при наведение

Парни есть такой код появляющегося окна при наведение мыши на кнопку
вот в онлайн редакторе
A Pen by Forian (codepen.io)

Спойлер: Код

Код:

<div class="drop">
<span class="btn">Меню</span>
 <div class="content">
  Содержание появляющегося окна
  </div>
</div>


<style>
.btn {color: black;cursor:pointer;}
.drop {position: relative;
display: inline-block;}
.content {
    display: none;
    position: absolute;padding: 20px;
    background-color: #444444;
    width: 500px;
    z-index: 9;color:red;
}
.content a {color: #d9d9d9;padding:6px;display: block;}
.content a:hover { color: #dedede;}
.drop:hover .content {display: block;}
</style>

ну с этим все понятно , окно появляется при наведение на МЕНЮ, я хочу сделать эфект появления окна
что бы красиво появлялся как в шаблоне kinolife
я знаю что за эффект отвечает CSS-свойство transform , но как применить его я незнаю. Какое значение указывать , и в какой класс пихать.
Помогите кому не сложно

 

естествено хотел выцепить из шаблона того, не получилось. ни могу разобраться

 

Marginal Что за видео баленсер у этого сайта

 

Up! нужна по прежнему помощь