css代码|图片自动缩放或者标签缩放(css图片自动缩放)

时间:2022-02-06 23:46:51   阅读:1280
<style type="text/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 {

  animation: scaleDraw 5s ease-in-out infinite;
}

</style>

<img src="https://www.fuzhufakawang.com/Public/Admin/202201229307.png"  class="showImg " alt="">


留意

css代码|图片自动缩放或者标签缩放(css图片自动缩放)

showImg


上一篇:css代码|图片上面闪过一条白痕-图片闪烁(css中点击图片出现一行字)

下一篇:完整代码|雨滴掉落效果(雨滴代码教程)

网友评论