var $board = $('.board') $.fn.board = function () { var $board = $(this) var width = $board.width() var height = $board.height() $board.on('mousemove', function (e) { $board.css({ transform: `rotateX(${-(e.originalEvent.layerY - height / 2) / height * 10}deg) rotateY(${(e.originalEvent.layerX - width / 2 ) / width * 10}deg)` }) }) $board.on('mouseleave', function () { $board.css({ transform: '' }) }) } $board.board()