background-image不支持CSS3 transition，因此，当CSS3 gradient渐变作为背景图片存在的时候，直接设置transition是不会有过渡效果的，那该怎么办呢？
文章关键字 ‘background-color’
几种CSS渐变背景图片transtion动画方法
2018年03月25日，星期日基于CSS color属性的静态UI组件重构策略
2016年11月18日，星期五技术的发展往往会带来相应的思维方式上的转变，这样才能相辅相成，发挥新技术的潜力，如果还是使用以前的思维模式，怎么说呢，有着劳斯莱斯加着92#汽油在跑的感觉。
传统的实现，包括现在移动端几乎所有的实现套路都是下面这样的，无论是标签还是按钮，都是先设定一个基础类名，写下基本样式，然后不同的颜色重新命名一个状态类名，覆盖默认的边框色或者背景色或者文字颜色，是什么颜色就写什么颜色。
但，实际上，如果采用基于color重构UI组件的策略，则可能会有意想不到的裨益……
CSS镂空图片transition过渡初加载背景色块问题解决
2016年02月25日，星期四CSS镂空图片，由于颜色是CSS属性值控制，如color或者background-color, 因此可以实现transition过渡效果，同时节约资源。然而有个很严重的问题，就是加载时候，容易出现色块，而本文就将展示如何解决色块的问题，让好的技术更加适用！
有demo有截图有必要的源代码展示，希望本文的内容可以对您的学习有所帮助！
CSS3图标图形生成技术个人攻略
2014年04月23日，星期三
还在使用Sprite背景实现小图标效果？还是自以为潮流使用font face实现小图标？不妨试试CSS3来实现图标生成效果，更精致的效果，更方便的维护，没有额外的请求，可以Gzip, 同时适配retina视网膜屏幕。
本文就全方位展示了自己在CSS3图标图形生成上的一些技术、攻略心得。精良的demo，完整的兼容解决展示，详尽的各种图形实现分析，多多截图，必要的源代码展示。总是，希望本文的内容能够对你的学习有所帮助。
CSS背景色镂空技术实际应用及进阶
2013年07月27日，星期六其实在10年的时候，3年前我就介绍过背景色镂空技术，文章名为：“使用CSS实现Photoshop选区效果及应用”。
实现的就是类似下面的效果。虚框是个gif动画背景，水果图片1像素镂空，于是就有效果啦！
今天我翻墙逛twitter的时候，见到了这种技术更为实际的应用……
我的应用
我的应用