CSS Sprite 寫法



div {
    width: 50px;
    height: 72px;
    background-image: url("http://files.simurai.com/misc/sprite.png");
    animation: play 1s steps(10) infinite;
}
@keyframes play {
      0% { background-position:    0px 0; }
    100% { background-position: -500px 0; }
}

========================

沒錯,這語法控制得好在epub也能快樂的使用。
想改變播放速度去調整那個「1s」的數字即可。

沒有留言

技術提供:Blogger.