本文へ移動

◇ 端末内で処理

CSS box-shadowジェネレーター

X/Yオフセット、ぼかし、広がり、色、不透明度から、検証済みのCSS box-shadow宣言を生成します。

使い方

X/Yオフセット、ぼかし、広がり、色、不透明度を入力します。
ジェネレーターを実行します。
box-shadow宣言をコピーし、対象コンテキストで見た目を確認します。

関連ツール

CSSグラデーションジェネレーター

角度と2～8個のhexカラーから、検証済みのCSS linear-gradient宣言を生成します。

Nginx 設定検査

Nginx 設定検査. 上限付きのオフライン構造解析のみです。実行や外部ネットワーク検証は行いません。

画像Base64変換

PNG、JPEG、GIF、WebP画像をローカルでMIME付きBase64 data URLに変換します。