Open cssmagic opened 7 years ago
在拟物化风格的网页中,凸版印刷效果是最流行的文字美化手法之一。
凸版印刷的原理类似于盖章,因此纸面上的字迹会微微下凹。
在未来,实现文字描边或空心字的效果会非常容易,因为我们只需要使用 text-shadow 属性的扩张参数就可让投影变大,然后看起来就像给文字勾边了一样……不过不幸的是,目前浏览器对这个参数的支持还极为有限……
text-shadow
将来 text-shadow 可以接受第四个长度值作为扩张参数,这一点与 box-shadow 是类似的。
box-shadow
这一特性目前似乎还没有进入标准化的进程。但考虑到与 box-shadow 的一致性,以及实际的需求,这个特性被标准化应该也是迟早的事。
据 CanIUse 介绍,IE 10+ 已经率先支持了这一特性。
花絮与注解
第 132 页 ‧ 倒数第二段
凸版印刷的原理类似于盖章,因此纸面上的字迹会微微下凹。
第 134 页 ‧ 第一段
将来
text-shadow
可以接受第四个长度值作为扩张参数,这一点与box-shadow
是类似的。这一特性目前似乎还没有进入标准化的进程。但考虑到与
box-shadow
的一致性,以及实际的需求,这个特性被标准化应该也是迟早的事。据 CanIUse 介绍,IE 10+ 已经率先支持了这一特性。