首页 > Web开发 > 详细

css 动画 animation 连写备注

时间:2021-04-07 12:38:39      阅读:16      评论:0      收藏:0      [点我收藏+]

场景:

比如页面上的按钮,要做出不停放大缩小的效果。

使用css 中的animation

代码:

 animation: scaleDrew 2.5s ease-in-out infinite;
 animation:动画名称 动画时长 动画速度 动画播放次数
动画名称:
@keyframes scaleDrew {
/* 定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称 */
    0% {
      transform: scale(1);
    }

    25% {
      transform: scale(1.05);
    }

    50% {
      transform: scale(1);
    }

    75% {
      transform: scale(1.05);
    }
  }

 

css 动画 animation 连写备注

原文:https://www.cnblogs.com/sunRiseProgress/p/14626356.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!