シャドウ生成
box-shadowを設計。
16ツール
カラーコード変換・CSSグラデーション生成・box-shadow生成など、Webデザインの現場で使うツール。WCAGコントラスト比の確認にも。
名前・用途・キーワードで検索できます。
16件の検索結果
box-shadowを設計。
border-radiusを視覚的に設計。
CSSのイージング曲線を視覚的に設計。
すりガラス風カードのCSSを設計。
比から寸法、または寸法から比を計算。
モジュラータイプスケールとCSSを生成。
多重text-shadowを視覚的に設計。
ぼかし・コントラスト等を調整しfilterをコピー。
サイズ指定のダミーSVG画像。
flex プロパティを調整して CSS をコピー。
イニシャルアバターを PNG data URL で生成。
グリッド定義 + エリア名を GUI で作成。
keyframes を GUI で作成。
多角形・円などのクリップパスを編集。
ボタンのスタイル一式を生成。
スクショに背景・影・角丸を付けて美化。