3D портретный эффект наклона с translate3d и карта глубины

Question

Я ищу способ анимации 2-го изображения при наведении, чтобы он выглядел 3d (ish). Вот хороший пример: http://www.alexandrerochet.com/about При перемещении курсора изображение наклоняется и появляется несколько 3d (ish). Я попытался прочитать код, но не могу найти соответствующий скрипт. Он создается с использованием второго изображения, содержащего карту глубины.

Может кто-нибудь указать мне в правильном направлении?

Answer 1

Я нашел учебник, в котором вы узнаете, как перевернуть карту в 3d. Это источник: [http://desandro.github.io/3dtransforms/docs/card-flip.html][1]

важная строка:

#card.flipped { 
    transform: translateX(-100%) rotateY(-180deg); 
} 

Я также создал jsfiddle, который является копией с примерами кода.

Надеюсь, что это поможет.