steps函数--参数意思和用法

图片解释如下,参数意思和用法在代码的注释中

所引用图片共7帧,如下:
steps函数--参数意思和用法_第1张图片
尺寸为200*1400,所以设置div为200*200,分为7帧,除去展示帧,需六次步骤跳转,原图如下:
steps函数--参数意思和用法_第2张图片

代码:
参数如果是start,就是在开始的时候改变,如果是end,就是在结束的时候改变.




    
    Step 步进函数
    


    
    

疑问:

  • background-position: 0 0 ;的作用是什么?是将背景图片定位到哪?规则是什么,怎样定位的?
    作用:将背景图片的左上角与盒子左上角重合(第一个值是水平位置,第二个值是垂直位置)。但为什么展示的时候它是展示图片最下面一帧图片呢?不应该是挥手结束的动作吗?

你可能感兴趣的:(css)