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

601 阅读1分钟

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

凸起向阳面阴影:

凸起背光面阴影:

凹下向阳面阴影:

凹下背光面阴影:

等不及了,马上亲自动手试一试:css-learn.zc-app.cn/z/box_shado…

访问哔哩哔哩观看详尽的教学视频:www.bilibili.com/video/BV1yN…

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