首页 > 代码库 > 字体内填充图案的方法

字体内填充图案的方法

<style></style>

字体内填充图案,渐变还未添加到W3的标案里,但是一些浏览器已经支持了(属性:text-fill)

这里说的是另外一种方法:

关键词:

  • 1.mix-blend-mode: lighten
  • 2.background: white
如果图层1:背景白色,字色黑色,图层2:放置图片。从两个图层中选出更亮的颜色,于是就达成了我们想要的效果。

展示效果

人生啊,绝望

用图片替换渐变应该不错

IE?我更看好unix系统儿子下浏览器的表现

 

只要你的背景是白色的,它可以做很多事情,切角,条纹等等,从图片中取某个固定的区域等等

不写了,看书。。。

.

结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行条纹结尾测试行纹

字体内填充图案的方法