案例一个新拟物设计(Neumorphism)的可视化设计实践

新拟物设计(Neumorphism)关键是使用了两层阴影，一层高亮阴影（向阳面背光），一层暗色阴影（背光面），以及设置元素的背景颜色。凸的时候（outset）高亮影在左上，暗色在右下，凹时（inset）反过来。

凸起向阳面阴影

凸起背光面阴影

凹下向阳面阴影

凹下背光面阴影

等不及了，马上亲自动手试一试：https://css-learn.zc-app.cn/z/box_shadow

访问哔哩哔哩观看详尽的教学视频：https://www.bilibili.com/video/BV1yN4y1g7nh?p=1

更多教学视频请移步哔哩哔哩空间：https://space.bilibili.com/475645807，里面不仅有各种前端可视化案例演示和讲解，还有多个完整功能的网站应用案例的开发过程演示和讲解。