Diviで高度な見事なグラデーションを作成する方法

Blair Jersyer Divi Tutorials Mar 31, 2022

より複雑なグラデーションを作成するには、 VisualBuilderで新しいAdvancedGradientBuilderコントロールタイプを使用できます。 このコントロールタイプを使用すると、新しいグラデーションオプションと複数のカラーストップにアクセスできます。 短くて甘い機能ですが、新しいUIには本当に満足しており、楽しんでいただけると思います。

新しいグラデーションビルダーの使用方法

Diviのグラデーションは、以前は単純な制御タイプで制御されていました。 グラデーションの開始色と終了色、およびいくつかのグラデーションタイプの1つを選択できます。 複数の色の停止、グラデーションの繰り返し、新しいグラデーションタイプ、新しいグラデーション位置は、新しいグラデーションビルダーの機能のほんの一部です。

新しいコントロールを使用するのは簡単です。 新しいカラーストップを追加するには、グラデーションスライダーをクリックするだけです。 好きなだけ色を追加し、ドラッグモーションで色を動かし、クリックするだけで色相を微調整します。 グラデーションと個々の色の停止を右クリックして、「検索と置換」、「スタイルの拡張」、「色の削除など」などのアクションを実行することもできます。

複数のカラーストップを使用して、さまざまなグラデーションを作成します

複数のカラーストップを使用して、さまざまな新しいグラデーションを作成できます。 必要な数のカラーストップを追加し、グラデーションスライダー内でそれらの位置を制御できます。 it’sは、複数の色を使用して、これまで不可能だった美しく輝く背景を簡単に作成できます。

素晴らしいウェブサイトを作成します

最高の無料ページビルダーElementor を使用

今すぐ始める

繰り返しグラデーションを使用して興味深い効果を作成する

新しいグラデーションビルダーの追加機能は、「グラデーションを繰り返す」機能です。 グラデーションを繰り返すことで、グラデーションスライダー内の色とその位置を微調整して、いくつかの興味深い効果を作成できます。 CSSグラデーションは、驚くほど多くの設計作業を行うことができます。 新しいグラデーションビルダーを試してみると、想像力が高まります。

グラデーション、マスク、パターンを組み合わせて新しいデザインを作成する

Diviの最近の更新により、さまざまな方法でWebサイトの背景をカスタマイズできるようになりました。 グラデーション、画像、マスク、パターンを使用して、見事なレイアウトを作成できます。 モジュール、列、行、およびセクションでグラデーションを使用すると、レイヤー効果を作成できます。 Diviのバックグラウンドオプションは、互いにオーバーレイする方法のために、多くの興味深い相互作用があります。 背景画像の上と背景パターンとマスクの下にグラデーションを配置することで、新しいグラデーションビルダーがどのように新しい生活を送るかを確認できます。

グラデーションパックはダウンロードできます。

あなたのウェブサイトにいくつかの素晴らしいグラデーションを追加する簡単な方法を探しています?もう探す必要はありません! グラデーションビルダーのデモのグラデーションはすべて、この無料のグラデーションパックに含まれています。 これらのグラデーションはコピーと貼り付けが簡単で、どの要素にも適用できます。

レイアウトをダウンロードする

Divi用の高度なグラデーションビルダーが利用可能になりました

今すぐDiviを更新して、新しいグラデーションビルダーについてどう思うか教えてください。 今後リリースされるDiviの新機能を見逃さないように、ブログをフォローして購読してください。 Webサイトに変更を加える前に、私は常に時間をかけて各機能を詳細に説明します。 Diviユーザーは間違いなくこれらのビデオや記事をチェックする必要があります。