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

zcimg2 年前
10

新拟物设计(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,里面不仅有各种前端可视化案例演示和讲解,还有多个完整功能的网站应用案例的开发过程演示和讲解。

投诉
收藏
点赞 1
评论 0
由众触低代码平台生成和驱动