3d translate3dと奥行きマップを使った似顔絵チルト効果

Question

ホバー上で2次元画像をアニメーション化して3d（ish）にする方法を探しています。ここには良い例があります：http://www.alexandrerochet.com/about カーソルを動かすと、画像が傾き、幾分3d（ish）に見えます。コードを読み込もうとしましたが、対応するスクリプトが見つかりませんでした。これは、深さマップを提供する第2の画像を使用して作成される。

誰かが私を正しい方向に向けることができますか？

Answer 1

私は、あなたが3dでカードを反転させる方法を学ぶチュートリアルを見つけました。 これはソースです：[http://desandro.github.io/3dtransforms/docs/card-flip.html][1]

重要な行：

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

私もサンプルコードでコピーであるjsfiddleを作成しました。

希望に役立ちます。