0

css3アニメーションでdivを移動する代わりに背景画像を移動することはできますか?

例えば：

div{
width:800px;
position:relative;
background:url(image) no-repeat;
border:1px solid red;
-webkit-animation: mov 5s infinate;
}

@-webkit-keyframes mov{
from{ top:0px left: 500px;}
to{ top:500px; left:500px;}
}

この場合、div は に移動しleft:500px;ます 背景画像だけを移動できますか?

あなたの答えに感謝します。

4

2 に答える 2

4

あなたは確かに、background-positionプロパティを使用することができます：

@keyframes mov {
    0％{背景位置：0 0; }
    100％{背景位置：100％100％; }
}
于 2012-02-10T06:59:31.047 に答える
1

top および left 属性を設定する代わりに、background-position-x および background-position-y 属性を設定します。この 2 つは背景の「オフセット」を表すため、設定すると背景が移動したように見えます。

于 2012-02-10T07:01:04.213 に答える