「アニメーション効果 vs オンマウス画像」の違いとは?



過日の「ページ単位のアニメーション効果」を実際のページで応用した事例がありますので紹介します。前回のアニメーション効果は、個々の画像(即ちウジェット単位)でのアニメーション効果でしたが、今回はカラム(段組)単位のアニメーション効果です。その違いをご確認下さい。


カラム単位のアニメーション効果

そのカラム(段組)単位のアニメーション効果の具体的な動きは、該当ページで画像ボックスが左右からフェードインする動きで確認できると思います。



上記のアニメーション効果は、ブラウザのページの再読み込み時にしか再現できませんが、似たような機能の「CSSカスタマイズによるオンマウス画像の変形」なら、画像にオンマウスする毎に画像を変形させる機能の方が一般的かも知れません。


CSSカスタマイズによるオンマウス画像の変形事例①

その「CSSカスタマイズによるオンマウス画像の変形」は、CSSに登録したCSSクラス名を、ELEMENTORの画像設定の際に適用しただけのELEMENTORだから出来た裏ワザです。


CSSカスタマイズによるオンマウス画像の変形事例②



自分で更新できるWordPressサイトを作ってみませんか?

WordPressのスキルを取得するのなら「ELEMENTOR」の存在は外せません。ELEMENTORが分かればWordPressのハードルを下げることが可能です。「もっと手軽に、もっと易しく」を前提に、プラグイン「ELEMENTOR」によるページ編集に特化した「オンライン個人レッスン付きWordPress塾」がお薦めする講座となります。

製品納入後の個人レッスンは、ZoomやGoogle Meet等を導入したオンライン・リモート会議形式で開催し、Elementorの操作方法をレクチャー致します。以前の面談形式のレッスンではなくて、ユーザー様と一対一のレッスンですので、感染症リスクの不安も心配無用、安心してWordPressスキルを取得できます。


藤心オンラインWordPress塾

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

目次