此效果用的是以前介绍过的两个技术实现，第一个就是CSS3实现纹理图案背景，第二个就是文字遮罩实现。两者合在一起就可以实现彩条文字效果了。
文章关键字 ‘background-clip’
小tips: CSS3 webkit下彩条文字效果实现
2015年03月15日，星期日再说CSS3 animation实现点点点loading动画
2014年12月28日，星期日以前介绍过一种方法实现打点loading动画效果，但是那个方法不健壮，机缘巧合，让我重新思考有没有更好的方法。而本文分享的就是自己想到了2个全新的实现方法，兼容各大小浏览器。
本文不仅有demo，源代码展示，还特意制作了多种gif效果演示帮助理解，相信本文的内容会对你的工作有所帮助的！
currentColor-CSS3超高校级好用CSS变量
2014年10月25日，星期六currentColor顾名思意就是“当前颜色”，准确讲应该是“当前的文字颜色”，是非常强大非常好用的一个关键字。本文就将介绍这个关键字的含义、表现，以及提供两个实例展示其价值之处。必要的源代码、必要的截图、必要的demo一个不少，总之，希望本文的内容能够对您的学习有所帮助。
CSS3图标图形生成技术个人攻略
2014年04月23日，星期三
还在使用Sprite背景实现小图标效果？还是自以为潮流使用font face实现小图标？不妨试试CSS3来实现图标生成效果，更精致的效果，更方便的维护，没有额外的请求，可以Gzip, 同时适配retina视网膜屏幕。
本文就全方位展示了自己在CSS3图标图形生成上的一些技术、攻略心得。精良的demo，完整的兼容解决展示，详尽的各种图形实现分析，多多截图，必要的源代码展示。总是，希望本文的内容能够对你的学习有所帮助。
小tip: CSS3与文字渐变光影流动动画效果实现
2014年02月28日，星期五现在的我，身在一个设计团队，自然要与各种视觉、效果打交道。啊，今天交互提出了一个效果：“可不可以让文字像脱衣服一样的，光影闪啊闪~” “当然可以啊！”虽然玩具多年未碰，但是有哪些玩具，自己还是清楚的，于是我很干脆的答应加这个效果。
实际上，之前就有类似效果实现，但是呢？之前的实现有一个不足，其渐变背景是图片实现的(10年时候CSS3渐变乃星星小火)。想想现在都什么年代了，渐变还要使用图片，简直弱爆了，而且还是webkit家族浏览器！显然，有改进的余地。于是……就有了有demo有截图还有源代码展示的本文了。
希望本文的内容能够对您的学习有所帮助。
翻译 – CSS3 Backgrounds相关介绍
2011年05月8日，星期日
就上周吧，出了个关于CSS3 Backgrounds的课件，个人觉得对于学习很有帮助，于是决定翻译下，不过作者似乎将下载功能关闭了，于是不能再原pdf文件上修改，不得已，自己就整了个长长的HTML版本的，也即是本文的主要内容了。本文截图超多，但是没有demo页面，图文并茂，相信能够对您的学习会有所帮助的。
我的应用
我的应用