透視投影

3D 変形を適用した要素に遠近感を付与するスタイル。
通常は奥行きのない平行投影だが、当スタイルにより透視投影となる。

画像にちょっとした立体感を与えたい場合、絵を変形させるより、「平たい」画像にこのスタイルを適用した方が汎用性がある。

デモ

わかりやすいインタラクティブデモ。

注意

• 環境によってはグラフィックボードを使用するため非常に重い。
  スマートフォンブラウザではアニメーションとの併用は避けるべき。

応用例

See the Pen CSS Perspective Text Hover by James Bosworth (@bosworthco) on CodePen.