вопрос
Как реализовать адаптивный блок по вертикали?
Как реализовать адаптивный блок по вертикали?
Пишешь в main.tpl после закрытия последнего в твоем шабе дива -
Следующее:
И в стили:
(Для того, чтобы он прям адаптивным был тебе нужно изучить - Правило @media :-)
Ну и для такой же анимации при наведении нужно использовать псевдокласс :hover - и изменять позицию блока :-) )
Удачи!
Следующее:
<div class="adaptblok">
<div class="content">
Тут весь контент
</div>
</div>
И в стили:
position: absolute;
width: 98%;
min-height: 200px;
background: #fff;
-webkit-box-shadow: -4px 1px 7px 0px rgba(50, 50, 50, 0.17);
-moz-box-shadow: -4px 1px 7px 0px rgba(50, 50, 50, 0.17);
box-shadow: -4px 1px 7px 0px rgba(50, 50, 50, 0.17);
margin-top: 20px;
padding: 20px;
border-radius: 5px;
(Для того, чтобы он прям адаптивным был тебе нужно изучить - Правило @media :-)
Ну и для такой же анимации при наведении нужно использовать псевдокласс :hover - и изменять позицию блока :-) )
Удачи!