文章关键字 ‘text-stroke’

不使用font-weight等CSS实现文字变瘦或变胖效果

2024年05月12日,星期日

封面图 火箭发射

今天终于发现了一种适用于各种背景环境的文字变瘦方法,此方法居然无需用到任何与文字相关的CSS属性。

阅读全文…

更符合书写习惯的CSS媒体查询Range语法

2022年10月12日,星期三

仙鹤 封面 占位 水墨

介绍一个更容易记忆与理解的@media设备尺寸媒体查询语法,过去的min-width和max-width可以说再见了~

阅读全文…

CSS paint-order祝大家元旦快乐

2020年01月1日,星期三

SVG中图形绘制默认顺序是先填充,再描边,再标记,由于描边是居中的,就会导致文字描边的时候文字本身的填充会被覆盖掉,使用CSS paint-order可以有效解决这个描边问题。

阅读全文…

-webkit-text-stroke文字描边CSS属性及展开

2017年06月4日,星期日

今天,我使用caniuse查看text-stroke兼容性的时候,发现了一件令我震惊的事情,最新版的Firefox以及Edge已经支持text-stroke描边属性了,并且全部都是采用-webkit-私有前缀,这就意味着在不久的将来,要实现文字描边效果,我们就可以使用原生的text-stroke属性,不用担心兼容性问题…

阅读全文…