新拟物设计(Neumorphism)关键是使用了两层阴影,一层高亮阴影(向阳面背光),一层暗色阴影(背光面),以及设置元素的背景颜色。凸的时候(outset)高亮影在左上,暗色在右下,凹时(inset)反过来。
凸起向阳面阴影:
凸起背光面阴影:
凹下向阳面阴影:
凹下背光面阴影:
等不及了,马上亲自动手试一试:css-learn.zc-app.cn/z/box_shado…
访问哔哩哔哩观看详尽的教学视频:www.bilibili.com/video/BV1yN…
更多教学视频请移步哔哩哔哩空间:space.bilibili.com/475645807,里面不仅有各种前端可视化案例演示和讲解,还有多个完整功能的网站应用案例的开发过程演示和讲解,众触应用平台是主打应用开发的。