CSS3 实现新拟态UI

作者： 文章来源：

本文原地址：https://www.mimiwuqi.com/webqianduan/197420.html

1. 什么是新拟态 UI 设计？
2. 起源
3. 发展
4. 原理
• 效果展示
• 结合颜色
5. CSS 实现
• 普通玩法
• 高级玩法
• 更高级的玩法
6. 总结

总结

开发时使用 CSS3 变量可以便捷的调整整个页面的新拟态样式，以上代码重点部分在于 Shadow 的定义和使用部分，还有更多玩法有待发掘，比如：使用渐变色等，如果你有更好的想法，欢迎留言讨论。

作者 Truda 全栈开发工程师

更多 建站教程 请访问 https://www.mimiwuqi.com/webqianduan/