- -レイヤースタイルCSSジェネレーターによる影、背景、境界線効果の作成

レイヤースタイルCSSジェネレーターによる影、背景、境界線効果の作成

CSSは生活をシンプルにし、ウェブサイトをたくさん作ります良いのですが、まだ単純すぎるものはありません。 CSSを使用すると、Webページにスタイルを簡単に適用できますが、中程度に複雑なCSSを作成するのにも時間がかかります。 レイヤースタイル は、Photoshopのレイヤー効果コントロールに似たコントロールを使用して、レイヤー(テキストまたは画像)の影、背景、境界線効果を作成できるCSSジェネレーターです。

レイヤースタイルインターフェイス

レイヤースタイルは5つのCSSコードを生成しますさまざまな種類の効果;ドロップシャドウ、インナーシャドウ、背景、境界線、境界線半径。色、オブジェクト/レイヤーからの距離、ぼかし、ドロップシャドウと内側シャドウの両方のサイズを選択できます。背景色は、グラデーションオプションで使用できる9つの背景プリセットを使用して、単色またはグラデーションに変更できます。境界線に実線、破線、または線のフレーム効果を追加することもできます。放射状エフェクトを使用すると、レイヤーの境界線を丸くすることができます。

レイヤースタイル

コントロールを使用して目的の効果を作成したら、[ CSS 左下のボタンとコード生成されます。中央の正方形では、コントロールから適用するすべての効果をプレビューできます。このCSSジェネレーターは、5つの効果のいずれかを定義済みの列、Webページ上の画像またはテキストボックスに追加する場合に役立ちます。

レイヤースタイルにアクセス

コメント