点击图片放大_为什么美篇图片放大了

作者：盐析白兔 | 2024-08-11 04:41:47

踩

为什么美篇图片放大了

html代码：

<body>
        <h1>❤</h1>
    </body>1
2
3

css代码：

h1{
    font-size: 50px;
    color: pink;
    text-align: center;
}
h1.active{
    -webkit-animation:a_z 1.2s linear forwards;
}
@-webkit-keyframes a_z{
    60%{
        transform:translate3d(0,0,0) scaleX(1.3) scaleY(1.3)
        -webkit-transform:translate3d(0,0,0) scaleX(1.3) scaleY(1.3);
    }
    to{
        transform:translate3d(0,0,0) scaleX(1) scaleY(1)
        -webkit-transform:translate3d(0,0,0) scaleX(1) scaleY(1);
    }
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

js代码：

$("h1").on("click",function(){
        if(!$(this).is(".active")){
            $(this).addClass("active");    
        }

    })1
2
3
4
5
6

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/盐析白兔/article/detail/962237