Diviの使い方7の3として、文字の色をグラデーション変化させる方法について図解させていただきたいと思います。Diviではテキストの背景に動画を配置してサイト上で合成させることで動的に変化させることが可能です。Diviで文字の色をグラデーションアニメにする方法:Diviの使い方7-31)背景のグラデーションアニメーションGifを用意する背景に設定するグラデーションのアニメーションGifを準備します。今回は下記を利用することにします。上記のようなアニメーションGifの作成については、このリンク先「Photoshopで色がグラデーション変化するアニメーションGifを作成する」で確認ください。2)行のカラムの背景にアニメーションGifを設置する行のカラムの背景にアニメーションGifを設置します。「行の設定」をクリックします。行の設定で「背景」をクリックします。「カラム1の背景(テキストモジュールを設置するカラム)」にGifを設定します。Image)」をクリックします。メディアライブラリが表示されるので、アニメーションGifを選択し、「選択」をクリックします。下記のように行の背景にアニメーションGifが設定されます。3)テキストモジュールの文字の色を黒にするテキストモジュールを追加し、モジュールの設定をクリックします。「デザイン」>「テキスト」をクリックします。「テキストカラー」を表示して文字の色を黒にします。settings.4)テキストモジュールの背景を白にするテキストモジュールの背景を白にするには、モジュールの設定をクリックします。Color)」をクリックします。「白」をクリックして設定します。「フィルター」をクリックします。Mode)」を「通常」から「スクリーン」に変更します。下記のように文字の色のほうがグラデーション変化するようになります。settings.アニメーションGifはPhotoshopでも同様に作成できるのですが、この方法の利点は、Divi上で文字を自由に編集できることです。サイトの一部、目立たせたいところに使うと効果的です。写真サイトを構築する際に、役に立ちそうな設定や情報をまとめています。関連する記事の目次ページとしています。図を用いて簡単に説明するようにしています。)作成練習の続きとして、サイトに写真ギャラリーと、自己紹介と、連絡先情報のページを追加で作成します。各種モジュールのうちから、動画モジュールと動画スライダーモジュールについて図解したいと思います。Diviの各種モジュールのうちから「トグル」と「アコーディオン」のモジュールの使い方について、Divi初心者向けに図解したいと思います。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。