Background Site Parallax - на движение мышки

В редакторе

Background Site Parallax - на движение мышки

Brain_Script
1294
2020-02-07 08:02:34
<div class="yellow"> <div class="center"> <div class="blue"> </div><!--blue --> </div><!--center --> </div><!--yellow -->
#main .yellow { background: transparent url('../img/mainbackyellow.png') 0 0 no-repeat; } #main .center { background: transparent url('../img/mainbackcenter.png') 0 0 no-repeat; } #main .blue { background: transparent url('../img/mainbackcblue.png') 0 0 no-repeat; height: 750px; }
<script type="text/javascript"> $('body').parallax({ 'elements': [ { 'selector': 'div.yellow', 'properties': { 'x': { 'background-position-x': { 'initial': 0, 'multiplier': 0.1, 'invert': true } }, 'y': { 'background-position-y': { 'initial': 0, 'multiplier': 0.1, 'invert': true } } } }, { 'selector': 'div.blue', 'properties': { 'x': { 'background-position-x': { 'initial': 0, 'multiplier': 0.3 } }, 'y': { 'background-position-y': { 'initial': 0, 'multiplier': 0.3 } } } } ] }); </script>
Войдите для добавления комментария.
Нет комментариев
Яндекс.Метрика Яндекс.Метрика