CSS ボックスシャドウ作成

ずれ、ぼかし、広がり、色、不透明度を調整し、外側・内側の影を確認して CSS を取得できます。

水平方向のずれ (px) 垂直方向のずれ (px) ぼかし (px) 広がり (px)

色不透明度内側の影

プレビュー

このブラウザー内で処理します。アップロードや保存は行いません。

このツールについて

ずれ、ぼかし、広がり、色、不透明度を調整し、外側・内側の影を確認して CSS を取得できます。

デザイン

各数値を変えると影が即時更新されます。内側の影を選ぶと inset になります。ずれと広がりは -200～200px、ぼかしは 0～200px、不透明度は 0～100% です。1 層の box-shadow を生成し、コピーや CSS ファイルの保存ができます。

HEX・RGB・HSL と透明度を変換し、色をプレビューしながら CSS の値をコピーできます。

デザイン

文字色と背景色の WCAG 2.2 コントラスト比を測定し、通常文字と大きな文字の適合状況を表示します。

デザイン

線形・放射状グラデーションを見ながら作成。色、位置、角度を調整して CSS をコピーできます。

デザイン

画像や動画の縦横比を約分し、指定した幅・高さからもう一方のサイズを計算します。

デザイン

してディスカッションに参加してください。

コメントはまだありません。