CSS ニューモルフィズム発生器

CSS ニューモルフィズム ジェネレーターは、ソフト UI 要素を構築します。これは、シェイプが、明るい影と暗い影を使用して背景からやさしく押し出されたように見えるスタイルです。 サーフェスの色、影の距離、ぼかし、コントラストの強さ、コーナーの半径、形状を設定し、ライブ プレビューを見て、正確な CSS をコピーします。

ニューモルフィズムは、ページと背景を共有する要素に 2 つのボックス シャドウを配置することによって機能します。左上が明るい影と、右下の暗い影です。 2 つのシャドウ カラーとオフセットを、手作業ではやや柔らかく見せるのは、手の届くほどにやさしいものです。 このツールは、表面の色から明るい色合いと暗い色合いを自動的に導き出すため、効果は常にバランスが取れているように見えます。

すべてがブラウザで実行されます。 プリセットを選択し、スライダーを調整し、フラット、凹、凸、および押したシェイプを切り替えて、CSS をコピーします。 アカウントもアップロードもありません。ページが読み込まれた後もオフラインで動作します。