「CSSアニメーション」 vs 「ホバー・アニメーション」

画像にオンマウスした時、画像がちょっと動く(例えば少し拡大したり等)様子を称してオンマウス画像とかマウスオーバー画像とかの名称で呼んでいます。一般的にそのような画像をHPで実装するには、CSSカスタマイズという機能を使って実現されます。

それにはCSSの高度でマニュアックな世界に入らなければなりませんでしたが、Elementorを導入すれば、Elementorのホバー・アニメーションという機能で、CSSカスタマイズに相当する機能が実装できるようになりました。

本日は、従来のCSSカスタマイズによるCSSアニメーションと、Elementorのホバー・アニメーションとを比較してご覧頂き、その違い(実はほとんど差が無いが)を体験して頂きたいと思います。