今天终于发现了一种适用于各种背景环境的文字变瘦方法,此方法居然无需用到任何与文字相关的CSS属性。
阅读全文…
标签:feMorphology, filter, font-weight, SVG滤镜, text-shadow, text-stroke 发布在 SVG相关 | 7 条评论 »
介绍一个更容易记忆与理解的@media设备尺寸媒体查询语法,过去的min-width和max-width可以说再见了~
标签:@media, media queries, postcss, range, text-fill-color, text-stroke 发布在 CSS相关 | 2 条评论 »
SVG中图形绘制默认顺序是先填充,再描边,再标记,由于描边是居中的,就会导致文字描边的时候文字本身的填充会被覆盖掉,使用CSS paint-order可以有效解决这个描边问题。
标签:css相关, fill, paint-order, stroke, SVG, text-shadow, text-stroke 发布在 CSS相关 | 4 条评论 »
今天,我使用caniuse查看text-stroke兼容性的时候,发现了一件令我震惊的事情,最新版的Firefox以及Edge已经支持text-stroke描边属性了,并且全部都是采用-webkit-私有前缀,这就意味着在不久的将来,要实现文字描边效果,我们就可以使用原生的text-stroke属性,不用担心兼容性问题…
text-stroke
标签:css3, text-fill-color, text-shadow, text-stroke, 描边, 文字描边 发布在 CSS相关 | 17 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee