Показать сообщение отдельно
  #6 (permalink)  
Старый 10.08.2016, 14:47
Профессор
Отправить личное сообщение для Manyasha Посмотреть профиль Найти все сообщения от Manyasha
 
Регистрация: 21.09.2015
Сообщений: 196

рони, спасибо!
И все-таки я ошиблась, при дополнении блоков и исходных стилей все криво крутится. Исправляюсь:
https://jsfiddle.net/gk1ka3fo/1/
$(function (){
	var coords = document.querySelector(".block").getBoundingClientRect();
	var widthBlock = coords.width;
	var heightBlock = coords.height;
	$('.block').on('mousemove', function(e) {
		coords = e.target.getBoundingClientRect();
		leftBlock = coords.left;
		topBlock = coords.top;
		degY = e.pageX - leftBlock - widthBlock/2
		degX = -e.pageY + topBlock + heightBlock/2
		e.target.style.transform = 'perspective(300px) rotateX(' + degX/1.5 + 'deg) rotateY(' + degY/1.5 + 'deg)';
    });
})
Ответить с цитированием