zhuchunyan_aijia的博客

http://www.zhangxinxu.com/wordpress/2010/06/%E4%BD%BF%E7%94%A8css%E5%AE%9E%E7%8E%B0photoshop%E9%80%89%E5%8C%BA%E6%95%88%E6%9E%9C%E5%8F%8A%E5%BA%94%E7%94%A8/如何实现的就像魔术一样，说穿了其实很简单。使用CSS实现类似于p

http://www.zhangxinxu.com/wordpress/2013/07/css-%E8%83%8C%E6%99%AF%E8%89%B2%E5%9B%BE%E7%89%87%E9%95%82%E7%A9%BA%E6%8A%80%E6%9C%AF/看下图所示的效果截图问题：这些小图标是如何实现的呢？当下，我们一般的做法是，打开photosho

CSS镂空图片技术还有一个好处，就是由于我们的图标颜色是CSS属性控制的，因此，我们可以渐进使用transition实现过渡效果，让交互更细腻。transition: background-color .25s; 然而，这种实现有一个致命的不足，就是CSS的加载和背景图片的加载不是同步的，尤其首次加载的时候，图片是异步的，具有明显的延迟，于是，我们会看到非常丑陋的色块在一瞬间出