首页 > Web开发 > 详细

用css3实现图片的方法缩小

时间:2019-10-18 15:48:00      阅读:76      评论:0      收藏:0      [点我收藏+]

记录一个公用的css实现图片的放大缩小

@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
    0%{
        transform: scale(1);  /*开始为原始大小*/
    }
    25%{
        transform: scale(1.5); /*放大1.1倍*/
    }
    50%{
        transform: scale(1);
    }
    75%{
        transform: scale(1.5);
    }
}

.showImg {
  width: 20px;
  height: 20px;
  animation: scaleDraw 5s ease-in-out infinite;
}
<img src=""  class="showImg " alt="">

用css3实现图片的方法缩小

原文:https://www.cnblogs.com/yuanchao-blog/p/11698458.html

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