ニューモーフィズムCSS
ニューモーフィズムデザインのCSSを生成。凹凸・影・色を調整。
.neumorphism {
width: 200px;
height: 200px;
border-radius: 30px;
background: #e0e4e9;
box-shadow: 10px 10px 20px rgb(194, 198, 203), -10px -10px 20px rgb(254, 255, 255);
}使い方
フラット・凹面・凸面・押下の4つのバリエーションから選択します。
背景色、サイズ、角丸、シャドウの距離・強度・ぼかしを調整してください。
生成されたCSSコードをコピーしてご利用ください。
おすすめサービス
Canva Pro - デザインツール
デザインプロ品質のデザインを簡単作成。テンプレート豊富で初心者にもおすすめ。
Adobe Creative Cloud
デザインPhotoshop・Illustrator等のプロ向けデザインツール。学割あり。
※ PR・広告を含みます