Background Site Parallax - на движение мышки
В редакторе
Background Site Parallax - на движение мышки
Brain_Script
1465
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>
Войдите для добавления комментария.