html怎么用css3实现图片从无到有

div {
width: 100px;
height: 100px;
background: red;
-webkit-transition: -webkit-transform .5s ease-in, background .5s ease-in;
-moz-transition: -moz-transform .5s ease-in, background .5s ease-in;
-o-transition: -o-transform .5s ease-in, background .5s ease-in;
transition: transform .5s ease-in, background .5s ease-in;
}

div:hover {
-webkit-transform: rotate(180deg) scale(2);
-moz-transform: rotate(180deg) scale(2);
-o-transform: rotate(180deg) scale(2);
-transform: rotate(180deg) scale(2);
background: blue;
}

把这种背景颜色形式换成背景图片就可以了，希望可以帮到你。

这实现起来就复杂一点了，需要设置很多呢。这里面写不了代码的……