ToolNext

ニューモーフィズムジェネレーター

ニューモーフィックスタイルのCSS box-shadowを生成

#e0e5ec
.neumorphic {
  background: #e0e5ec;
  border-radius: 20px;
  box-shadow: 20px 20px 40px #d1d6dd, -20px -20px 40px #eff4fb;
  width: 200px;
  height: 200px;
}

工具说明

背景色・ボーダーラジウス・影の強度をビジュアル調整してニューモーフィックスタイルのCSSコードを生成するオンラインジェネレーター。

neumorphism新拟态cssshadowuidesign