Движущийся фон на сайте css код

Очень интересный кросбраузерный код на css3 движущегося фона на сайт.

Демо: сюда.

<style>
body:before
{
content: '';
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
background: url('//web-ptica.ru/VRV-files/dvij-fon/bg.jpg');
background-size: cover;
}

body:after
{
content: '';
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url('//web-ptica.ru/VRV-files/dvij-fon/123.png');
background-position: center center;
background-size: 300px;
animation: scrollBad 10s linear infinite;
z-index: -1;
}
@keyframes scrollBad {
0% {
background-position: 0 0;
}
100% {
background-position: 300px 300px;
}
}
body, input, textarea
{
font-family: 'Fira Sans Condensed', sans-serif;
font-weight: 300;
color: #777;
}
</style>

Вернуться назад

Обратная связь

Движущийся фон на сайте css код

Комплексное продвижение сайта!