图片过渡效果html,html – 背景图像上的CSS3过渡

当然可以,尝试这样的事情：

HTML

CSS

#planet {

width:200px;

height:200px;

background: transparent url(http://cdn3.iconfinder.com/data/icons/nx11/Internet%20-%20Real.png) no-repeat center center;

}

#planet {

-webkit-animation-name: rotate;

-webkit-animation-duration:2s;

-webkit-animation-iteration-count:infinite;

-webkit-animation-timing-function:linear;

-moz-animation-name: rotate;

-moz-animation-duration:2s;

-moz-animation-iteration-count:infinite;

-moz-animation-timing-function:linear;

}

@-webkit-keyframes rotate {

from {-webkit-transform:rotate(0deg);}

to { -webkit-transform:rotate(360deg);}

}

@-moz-keyframes rotate {

from {-moz-transform:rotate(0deg);}

to { -moz-transform:rotate(360deg);}

}