正文
用css3实现图片的放大缩小
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
记录一个公用的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="">
