动画-旋转阴影

在style中用@keyframes 来规定元素的动画动作，是一种创建动画的css规则。
使用方法:keyframe规则由关键字“@keyframe”组成
语法为:@keyframes 动画名{keyframes-selector{css-styles;}}。
案例解析：
当白色图像旋转中，每次落地，落地角都会收缩一下，阴影会发大缩小。
注意：落地角收缩，另外三个角并没有收缩，所以要四个属性都心需要写上。
主要代码如下：
12.5%{
top:100px;
border-bottom-right-radius: 50px;
border-top-right-radius: 10px;
border-top-left-radius:10px ;
border-bottom-left-radius: 10px;
}
25%{
top:80px;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
border-top-left-radius:10px ;
border-bottom-left-radius: 10px;
}…
@keyframes scaleshadow{
form{
transform: scale(1);

        }
        to{
           transform: scale(1.2);
        }
    }

… animation: jump 2s linear infinite;…