1秒でスタイルアップ！ Web ページのすりガラスの背景をすばやく生成するのに役立つクールなサイト (CSS コード付き)_html/css_WEB-ITnose

近年、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連続リリース！ ]

無料のギャラリー + ナビゲーション コレクション ステーション: 「2 つのクールなステーション!」高品質な無料フォトギャラリーサイト＋WEB/APPナビ専用コレクションサイト》
音楽サイト+フォント検索：「かっこいいサイト２連発！」仕事に集中できる音楽サイト + Google フォントのオンライン検索ツール》
グラデーション カラー + コードの比較: 「クールなサイトが 2 つ連続!」グラデーション配色の完全集約 Web サイト + オンライン コード比較ツール"
カラー マッチング + プレースホルダー画像: "クールなサイトが 2 つ連続!オンライン カラー マッチング ツール + クイック プレースホルダー画像ジェネレーター》
ロゴのダウンロード + フォントのダウンロード: 「クールな投稿を 2 つ続けて!商用利用可能なベクター ロゴのダウンロード + グラフィック デザイン用の 27 個のお気に入りのフリー フォント》
圧縮された写真 + オンライン カラー マッチング: 「クールな投稿を 2 つ続けて!オンライン画像圧縮ツール + オンライン カラー マッチング ツール COLOURCO》
CSS ホバー アニメーション + ポケモン カラー マッチング: 「クールな 2 つのステーション!ポケモン専用カラーマッチングサイト＋CSS HOVERアニメーションまとめサイト》
美少女写真＋ゲームカラーマッチング：『カッコイイサイトを2連続リリース！ゲームカラーマッチングサイト＋無料美容素材専門サイト
オンラインカラーマッチング＋フォント推奨：『クールな投稿２連発！オンラインカラーマッチングアーティファクト＋英語フォントおすすめサイト》
チャイボ作品のコード変更＋16進カラー：「クールステーションから2連続リリース！」コードを使用して DRIBBBLE 作品 + 16 進カラー Web サイトを表示します》
シームレスなテクスチャ + ポリゴン背景: 「クールな 2 つのステーション!シームレステクスチャ素材サイト＋ポリゴン背景ジェネレーターを中心に》

元アドレス: free.com.tw

【Ushu.com オリジナル記事投稿メール: 2650232288@qq.com】