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