0
点赞
收藏
分享

微信扫一扫

css3 animation(左右摆动) (放大缩小)

左右摆动:

@-webkit-keyframes roundRule{
0%, 100%{
-webkit-transform: rotate(-15deg);
}
50%{
-webkit-transform: rotate(15deg);
}
}

-webkit-animation: roundRule 2.5s ease-in-out infinite;

-webkit-transform-origin:  top center;

放大缩小:

@-webkit-keyframes scale{
0%, 100%{
-webkit-transform: scale(1);
}
50%{
-webkit-transform: scale(1.5);
}
}

-webkit-animation: scale 2.5s ease-in-out infinite;




举报

相关推荐

0 条评论