CSS操作によるオンマウスで画像変形処理

一ヶ月前に一度投稿した関連記事の再投稿です。今回は画像を乗物から人物に替え、投稿先を藤心HAIKクラブに変更しました。

WordPressでは、当り前のCSSを使った画像変形効果を、HAIKでも出来ないかといろいろ試行錯誤の結果、見事に実装できました。画像の移動・拡大・縮小・回転・傾斜等、サイトに様々な効果を与えたい時は、基本的にCSS3の「transform」プロパティで行います。
画像にちょっとした上記の動きを付けるだけでもサイトのリッチ感が向上します。