当前位置:   article > 正文

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

为什么美篇图片放大了

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
推荐阅读
相关标签
  

闽ICP备14008679号