ニューモーフィズム生成
base色とlight/dark shadowからflat/concave/convex neumorphism CSSを作ります。
使い方
- 色・mode・geometryを調整します。
主な機能と処理範囲
angle・distance・blur・radiusで反対shadowを生成します。
処理の仕組み
cos/sin offsetとcolor mixを使います。
例
例: flat modeはsolid backgroundと反対方向のlight/dark shadowを使います。
こんな場面で便利
- soft UI prototypeに
利用前の確認
- low contrast accessibilityに注意が必要です。
よくある質問
両shadow色を直接入力？
darkはsecondary、lightはbaseから自動派生です。