Ваш IP: 3.82.52.91
Время:10:46
Дата:19.02.19

Блоги

Блоги / PHP / Скачать / RSS-лента

Забавная анимация скролинга (Оценка: 0)
Смотрится довольно мило и игрушечно
<style>



#sticky {

position: sticky;

background: #F762BC;

width: 100px;

height: 100px;

top: 70px;

left: 10px;

display: flex;

justify-content:center;

align-items:center;

box-shadow: 0 0 6px #000;

text-shadow: 0 0 4px #fff

}



#wrapper {

width: 75%;

margin: auto;

height: 400px;

background-color: #ccc;

}



.extra{

background: #ccc;

width: 75%;

margin: auto;

height: 100px;

}



body {

height: 1000px;

font-family: georgia;

}

h4{

text-align: center;

}

</style>

<h4>Scroll to see the sticky element <em>sticking</em></h4>

<div class="extra"></div>

<br />

<div id="wrapper">

<div id="sticky">

sticky

</div>

</div>

<br />

<div class="extra"></div>

Автор статьи: Klubv (10.02.19 / 23:39)

Рейтинг: 0

Просмотров: 8
Комментарии (0) »

К блогам