文章关键字 ‘fill’

CSS, SVG和canvas分别实现文本文字纹理叠加效果

2018年02月27日,星期二

本文这里所说的叠加,就是混合模式中的叠加,也就是说,本文要实现的效果是,文字本身的颜色和纹理进行叠加,而非直接填充纹理。

CSS, SVG和canvas都能实现类似的效果,我们一个一个来看一下……

阅读全文…

-webkit-box-reflect属性简介及元素镜像倒影实现

2016年08月14日,星期日

玻璃,水面会有倒影,有时候我们在web中模拟一些效果,或者实现一些质感的时候,也是需要投影效果的。那我们该如何实现呢?本文从-webkit-box-reflect入手,按照浏览器,依次介绍各种投影效果的实现,很多demo,很多截图很多源代码展示,希望本文的内容能够对您的学习有所帮助!

阅读全文…