

ホバー・アニメーションとは、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
