無限にループする背景画像があるとします。CSS3 では、単純なアニメーションが PC メモリの最大 50% を消費することがわかりました。これはかなりの量ですが、jQuery では試していません。
あなたの考えは何ですか?PCメモリの消費量が少ないのはどれ?
これが私の Webkit CSS3 コードです。
.stars_back {
background: url('stars.png') repeat; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -10;
-webkit-animation-name: star-back; -webkit-animation-duration: 1700s;
-webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes star-back {
from { background-position: 1000% 5% }
to { background-position: 5% 5% }
}