CSS Box Shadow生成

ビジュアルエディターでCSS box-shadowを生成

ブラウザ処理データはブラウザの外に出ることはありません

Shadow Layers

Shadow 1 Settings

Offset X5px

Offset Y5px

Blur Radius15px

Spread Radius0px

Color

Opacity30%

Inset Shadow

Preview Settings

Background:

Box Color:

Border Radius:

CSS

box-shadow: 5px 5px 15px 0px rgba(0, 0, 0, 0.3);

Presets

About CSS Box Shadow生成

ビジュアルエディターでCSS box-shadowを生成

Use this free online cssジェネレーター tool to work faster without installing extra software. The interface is built for quick input, clear output, and straightforward results on desktop and mobile devices.

Processing

This tool runs in your browser whenever possible, which keeps your inputs private and reduces unnecessary round-trips to the server.

CSS Box Shadow生成

About CSS Box Shadow生成

Processing

関連ツール