Gerador de Neumorfismo

Gere código CSS box-shadow estilo neumórfico

tools.neumorphism-gen.bgColorLabel#e0e5ec

tools.neumorphism-gen.shapeLabel

tools.neumorphism-gen.sizeLabel: 200px

tools.neumorphism-gen.radiusLabel: 20px

tools.neumorphism-gen.distanceLabel: 20px

tools.neumorphism-gen.blurLabel: 40px

tools.neumorphism-gen.intensityLabel: 15

tools.neumorphism-gen.cssLabel

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

工具说明

Gerador de UI neumórfica online para ajustar visualmente cor de fundo, raio de borda e intensidade de sombra, produzindo código CSS neumórfico para design de UI moderno.

neumorphism新拟态cssshadowuidesign