← ツール
デザインとCSS
色、レスポンシブなサイジング、制作可能な CSS を作成します。
カラー・アクセシビリティ
CSS レイアウト・エフェクト
- ボックスシャドウ（Box Shadow）ジェネレータースライダーをドラッグしてbox-shadowを調整し、レイヤーを重ねて深みを出し、完成したCSSを瞬時にコピーできます。
- グラデーションジェネレーター線形、円形、扇形グラデーションの作成、カラー分岐点の追加、方向の設定を行い、ワンクリックでCSSをコピーできます。
- 角丸（Border Radius）ジェネレータースライダーで各角を丸め、楕円モードで有機的なアメーバ形状を作成し、CSSを瞬時にコピーできます。
- Flexboxジェネレーター視覚的なコントロールでFlexコンテナとアイテムを設定し、リアルタイムに変化するレイアウトを確認しながら、ワンクリックでCSSをコピーできます。
- CSS Gridジェネレーター行と列を設定し、セルをドラッグしてアイテムを配置するだけで、グリッドCSSと対応するHTMLをワンクリックでコピーできます。
- CSS Cubic Bezier（ベジェ曲線）ジェネレーター2つのハンドルをドラッグしてイージング曲線を設計し、等速運動との違いを視覚的に確認しながら、cubic-bezier()の値をコピーできます。
- CSS clamp() 計算ツール小画面用と大画面用のサイズを入力するだけで、その間を滑らかに補間する流動的なclamp()値を生成します。フォントサイズ、パディング、マージン、ギャップに最適です。
スクリーン・印刷・比率
フォント検査・ライセンス
このカテゴリに一致するツールはありません。