Показать сообщение отдельно
  #3 (permalink)  
Старый 16.09.2018, 00:15
DVV DVV вне форума
Кандидат Javascript-наук
Отправить личное сообщение для DVV Посмотреть профиль Найти все сообщения от DVV
 
Регистрация: 26.12.2017
Сообщений: 125

Да, вроде сделал.

<div class="wrap">
				<div class="header__picture-front">
					<div class="header__picture-back"></div>
				</div>
	</div>


.wrap {
	position: relative;
}
.header__picture-front {
	position: fixed;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-color: #FFF;
}

.header__picture-back {
	position: absolute;
	left: -5%;
	top: -5%;
	width: 110%;
	height: 110%;
	background-image: url("../img/bg/header-bg.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}


$(document).ready(function() {
	
	let windowWidth = $(window).width();

		$('.header__picture-front').mousemove(function(e) {
			let moveX = (($(window).width() / 2) - e.pageX) * 0.1;
			let moveY = (($(window).height() / 2) - e.pageY) * 0.1;

				$('.header__picture-back').css('background-position', moveX + 'px');
				$('.header__picture-back').css('background-position', moveY + 'px');

		});

});
Ответить с цитированием