ホバー・アニメーション

ホバー・アニメーションとは、HPにアップロードされた画像にマウスを持っていくと画像が動く仕掛けを総称してホバー・アニメーションと言います。ホバーは別名でオンマウスとかマウスオーバーとかとも呼ばています。

何れにしてもHP上の画像にちょっとした動きを与え、見た目で閲覧者を取り込もうと言う姑息と言ったらそれまでですが、Elementorにある無料で使える機能で、使わない手はないと思って筆者は盛んに使いだした有り難い機能の一つです。

設定方法は、アップロードした画像をクリックして、スタイル~マウスオーバー~ホバー時のアニメーションと辿って、プルダウンメニューの中から沢山あるアニメーションタイプの中から一つを選択すれば、画像に望みの動きを付けることが実現します。

今回は、約30個弱あるアニメーションの動きが分かるホバー・アニメーションを一同に会して紹介してみました。

Grow
Shrink
Pulse
Pulse Grow
Pulse Shrink
Push
Pop
Bounce In
Bounce Out
Rotate
Grow Rotate
Float
Sink
Bob
Hang
Skew
Skew Forward
Skew Backward
Wobble Vertical
Wobble Horizontal
Wobble To Bottom Right
Wobble To Top Right
Wobble Top
Wobble Bottom
Wobble Skew
Buzz
Buzz Out
Grow