小编Chr*_*ein的帖子

CSS背景图像大小过渡

我正在研究一个简单的标记,调整div的背景img.看小提琴:

http://jsfiddle.net/zeYZL/

我需要使用简单的CSS过渡动画.我试着这样做:

#tile:hover {
    background-size:550px 550px;
    background-position:-50px -50px;
    transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;

}
Run Code Online (Sandbox Code Playgroud)

但随后背景图像会在悬停时剪辑.(见http://jsfiddle.net/5Hm9u/)

有关如何解决它的任何提示?

问候,克里斯

css transition background hover

4
推荐指数
1
解决办法
5万
查看次数

标签 统计

background ×1

css ×1

hover ×1

transition ×1