CSS3实现放⼤缩⼩动画HTML
    <div>
<div id="animat"></div>
</div>
CSS
#animat{
position:relative;
animation:mymove 5s infinite;
-webkit-animation:mymove 5s infinite; /*Safari and Chrome*/
animation-direction:alternate;/*轮流反向播放动画。*/
animation-timing-function: ease-in-out; /*动画的速度曲线*/
/
* Safari 和 Chrome */
-webkit-animation:mymove 5s infinite;
-webkit-animation-direction:alternate;/*轮流反向播放动画。*/
-webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
}
@keyframes mymove
{
0%{
transform: scale(1);  /*开始为原始⼤⼩*/
}
25%{
transform: scale(1.1); /*放⼤1.1倍*/
}
50%{
transform: scale(1);
}
75%{
transform: scale(1.1);html动画效果
}
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
0%{
transform: scale(1);  /*开始为原始⼤⼩*/
}
25%{
transform: scale(1.1); /*放⼤1.1倍*/
}
50%{
transform: scale(1);
}
75%{
transform: scale(1.1);
}
}