Как создать эффект искажения?

По-моему не совсем то, что нужно, в примере наоборот крутится не объект а область видимости изменяется, а в том, что вы отправили сам объект вертится

Zombie42679, тогда parallax

Zombie42679, не-а, в вашем примере происходит абсолютно то же самое: изменяется rotate у img.

Никита Полевой, А как его правильно наложить ? Я попробовал у себя, получается при наведении картинка искажается и видно фон белый, а в примере картинка искажается, но всё равно растянута на весь экран

Zombie42679, у вас перед глазами готовая реализация - пример который вы показали, а под рукой у вас DevTools. Нажимаете F12 и смотрите как у них там все устроено.

Zombie42679, Сделайте изображение в 120% размерностей экрана и отцентрируйте, тогда при повороте края за пределами экрана будут оставаться.

Никита Полевой, Там скорее всего плагин, я даже не могу уловить img там

Александр Таратин, сделал через scale, но он откатывается назад если мышку убрать от изображения

https://jsfiddle.net/ucnrro4a/19/

Zombie42679, https://jsfiddle.net/ucnrro4a/23/

Александр Таратин, в вашем коде есть проблема, при наведении на контент сбрасывается всё

В целом проблему решил, с помощью stackoverflow, создали контейнер со scale 1.2, внутрь закинули блок на него повесили tilt и готово.

За ответы всем спасибо.

А можно поподробней ? Не совсем понятно, как из того, что отправили сделать, то что мне нужно

В  Three.js  можно создать текстуру из нужного изображения и растянуть объект геометрии по всему экрану, а по движению мыши менять координаты по X, Y, Z. А HTML элементы наложить поверх canvas.
Так же можно наложить любые пост-эффекты. Это путь, если нужны доп. эффекты и все по высшему разряду.

Второй путь просто через CSS3 3D Transforms. Так же забиндить мышь на экран и по событию пересчитывать матрицу трансформации. Советую тут взять библиотеку GreenSock.

Пример на CSS:
https://codepen.io/Lakston/pen/gwPYvA?q=css+3d+mou...