CSS 阴影与光影：做好新拟物风的关键

内容详情介绍

新拟物最怕的就是对比度不足，文字糊在底色里。

解决思路有两个：一是拉开底色和文字的明度差，正文尽量落在 7:1 以上；二是给卡片的边缘补一道极浅的内描边，让形状在浅色背景上仍然清晰。

另外别把所有交互都交给阴影来表达，hover 状态配合位移和颜色变化，可读性会好很多。