Парни есть такой код появляющегося окна при наведение мыши на кнопку
вот в онлайн редакторе
A Pen by Forian (codepen.io)
ну с этим все понятно , окно появляется при наведение на МЕНЮ, я хочу сделать эфект появления окна
что бы красиво появлялся как в шаблоне kinolife
я знаю что за эффект отвечает CSS-свойство transform , но как применить его я незнаю. Какое значение указывать , и в какой класс пихать.
Помогите кому не сложно
вот в онлайн редакторе
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 , но как применить его я незнаю. Какое значение указывать , и в какой класс пихать.
Помогите кому не сложно
Последнее редактирование:

