近年、Web サイトのデザインは CSS を使用して直接色を設定することが多く、背景をぼかした効果を使用するものもありますが、これは Windows Vista 以降のすりガラス効果 (Windows Aero) に関連しているのかもしれません。 Today のオンライン ツールを使用すると、背景をぼかした効果を簡単に作成し、Web サイトのプロジェクトに追加できます。
Unique Gradient Generator は、一般的な CSS グラデーション背景構文機能とは異なり、Web サイトが提供する無料のギャラリーから写真を選択するか、自分でアップロードして、ぼかしを選択することができます。表示範囲。拡大表示なので、画像のごく一部の領域のみが抽出され、100% のサイズに拡大され、ブラウザーの画像平滑化アルゴリズムが使用されて最良の結果が得られます。
もう 1 つの優れた機能は次のとおりです。独自のグラデーション ジェネレーターは長い CSS プログラム コードを生成しません。 Web サイトによって生成されるソース コードは非常に合理化されており、base64 エンコードを使用しており、サイズはわずか数バイトです。 Web サイト開発者で、単調すぎないシンプルな背景画像が必要な場合、これはまれで優れたツールです。
ユニークなグラデーション ジェネレーター
ステップ 1
ユニークなグラデーション ジェネレーターの Web サイトを開いた後、このサービスを使用して Web サイトの背景が生成されることがわかります。実際、それは非常に美しいです。そしてシンプル。
ステップ 2
下の「画像を参照」をクリックして、ウェブサイトが提供するギャラリーをクリックして選択して使用するか、自分で画像をアップロードすることもできます。 Unique Gradient Generator は画像内の小さな領域のみを選択し、それを拡大して表示することに注意してください。重要なのは、パターンではなく、必要な背景の「色」を見つけることです。
ステップ 3
主な設定ツールは右上隅の「コントロール」で、アクセスする画像範囲と領域サイズを調整できます。特にその範囲を指定したくない場合は、「ランダム化」をクリックすると、背景パターンがランダムに表示され、好みのものかどうかを確認できます。
キーボードの「矢印キー」を使用して背景範囲を移動することもでき、「R」キーをランダムに生成することもできます。
ステップ 4
最後に、下の「CSS を生成」をクリックして、対応する CSS ソース コードを生成します。
前述したように、Unique Gradient Generator で生成された CSS コードは、base64 を使用してエンコードされます。使用される CSS プロパティは 2 つだけで、アプリケーションは非常にシンプルです。効果もとても良いですよ！
【Youshe Cool Station 22連続リリース！ ]
【Ushu.com オリジナル記事投稿メール: 2650232288@qq.com】
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
