前回に続き、「Diviビルダー」の魅力/使いやすさをご紹介します。

今回はアニメーション効果です。
このように、様々なアニメーション効果を設定することができます。
(効果が分かるように、あえて連続で動かしていますが、通常は1回のみです。)

アニメーション例:スライドイン

アニメーション例:その他(ズームイン、反転、回転、等)

アニメーション例:大きなアニメーション効果①

アニメーション例:大きなアニメーション効果②

いろいろと自由に動かせることがお分かり頂けたかと思います。

(動かしすぎると煩わしいですが、強調するポイントが使用すると効果的です。)

Divi、とても便利ですよ♬

■広告です
もしDiviに興味をもって下されば、下記リンクから会員登録(年間約1万円で各種機能/レイアウトが使いたい放題となります)をお願い致します。
下記リンクは私にも収入が入るリンクですので、記事作成の励みとなります。
応援よろしくお願い致します。

“Disclosure: Some of the links in this post are “affiliate links.” This means if you click on the link and purchase the item, I will receive an affiliate commission.”

同じカテゴリの記事はこちら

Divi の ビジュアルビルダー が高速になりました!

Divi の ビジュアルビルダー が高速になりました!

Webサイト作成はHTMLやCSS等が必要となり、少し手間がかかりますが、 Divi の ビジュアルビルダー ならば、まるでプレゼン資料を作っているかのように直感的に作成することができます。そのビジュアルビルダーがパフォーマンスの面で大幅に進化しました。少しご紹介させて下さい。

Webデザイン Diviの新機能:Responsive preview system

Webデザイン Diviの新機能:Responsive preview system

Webデザインで大事なレスポンシブデザイン(PCやスマートフォンなどに合わせた柔軟なデザイン)、「スマートフォン」や「タブレット」にたくさんの画面サイズがあることで、やはりデザインが少し崩れてしまうリスクがあリマス。今回の Divi の新機能はそのリスクをグッと軽減できますよ。

Divi 新機能☆ Sticky Options : メニューの固定などがとても簡単に♬

Divi 新機能☆ Sticky Options : メニューの固定などがとても簡単に♬

おしゃれなサイトを見ると、画面をスクロールさせてもメニューやボタンや他の要素が残る時がありますよね(たまに広告も 笑 )。今回の Divi のアップデートで、そんな素敵な機能を簡単に実現できるようになりました。機能の実例や使い方についてご紹介します。