CSSジェネレーター：グラデーション、シャドウ、アニメーション

このツールでできること

• OKLCHとOKLabで補間するグラデーション：sRGBでの通常の混色のように、途中が濁ることがありません。
• 「なめらかに補間」モードは中間色を追加し、幅の広いグラデーションに出る目立つ縞模様を解消します。
• 賢い多層シャドウ：ずれを少しずつ大きくした複数のレイヤーは、1つのシャドウより柔らかく自然に見えます。
• ニューモーフィズム：凹、凸、押し込みの各形状で、光と影の色は背景色から計算されます。
• ブロブ：8つのborder-radius値、ランダムな形状、2つの形の間を行き来するモーフィングアニメーション。
• ドラッグで調整するイージングカーブに加え、バネとバウンドするボールをlinear()関数として出力できます。標準的なエディターにはない機能です。

生成したコードはボタンひとつでコピーできます。お使いのブラウザが一部の指定（たとえば古いバージョンでのOKLCHの混色）に対応していない場合はプレビューでお知らせしますが、コード自体は最新のブラウザで正しく動作します。

アニメーションとカーブはライブプレビューで確認できます。「実行」ボタンでもう一度再生されます。