-webkit-cross-fade

前言：

     本文做个人学习积累用！

正文：

-webkit-cross-fade

• 支持图片交叉淡入淡出

background-image:-webkit-cross-fade(url(**.png),url(**.png),50%);

• 官方草案里面：http://www.w3.org/TR/2011/WD-css3-images-20110217/#cross-fade-function

    注释：

     percentage 类似是作用在第二张图片的透明度：

1. 如果是0，显示的是第一个image
2. 如果是1，显示的是第二个image

   扩展阅读：

   http://www.zhangxinxu.com/wordpress/2012/09/css3-background-image-cross-fade/