Подскажите начинающему ломастеру как правильно реализовать плавно выезжающий блок сверху страницы...
Блок содержит фото(обложка профиля) opacity
не интересен..
Более интересно в виде toggle
? Соответственно после покидания страницы, чтобы этот блок так же плавно и заезжал
.prpic1 {
position: absolute;
width: 100%;
height: 0px;
background: rgb(255, 255, 255);
border-radius: 0px 0px 25px 25px;
box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
}
<div class="prpic1">
<img src="img/profilepicture.jpg">
</div>
P.s.
Есть страница Home главная, и на ней есть ссылка на страницу Profile.
Так вот, я хочу, когда переходишь на страницу Profile, сверху плавно опускался блок и оставался на том же месте, пока я нахожусь на этой страницы, но когда я ухожу со страницы Profile, например на ту же страницу Home, то этот блок должен плавно подниматься вверх в обратном порядке