zjffun blog

Neomorphism

更新于 写于 设计

Neomorphism 设计

Neumorphism and CSS | CSS-Tricks

css
body{
  background-color: #e0e0e0;
}

.neumorphic {
  box-shadow: 12px 12px 24px 0 rgba(0, 0, 0, 0.2),
    -12px -12px 24px 0 rgba(255, 255, 255, 0.5);
}

.neumorphic--pressed {
  box-shadow: inset 6px 6px 10px 0 rgba(0, 0, 0, 0.2),
    inset -6px -6px 10px 0 rgba(255, 255, 255, 0.5);
}