点击图片放大

最新推荐文章于 2024-06-29 13:53:58 发布

暖夏随园

最新推荐文章于 2024-06-29 13:53:58 发布

阅读量444

点赞数

分类专栏： css javascript/jquery 文章标签： css

本文链接：https://blog.csdn.net/nuanxiasuiyuan/article/details/78105217

版权

css 同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

javascript/jquery

7 篇文章 0 订阅

订阅专栏

html代码：

<body>
        <h1>❤</h1>
    </body>

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);
    }
}

js代码：

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

    })

暖夏随园

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
点击图片放大

html代码：<body> <h1>❤</h1> </body>css代码：h1{ font-size: 50px; color: pink; text-align: center;}h1.active{ -webkit-animation:a_z 1.2s linear forwards;}@-webkit-keyframes a_z
复制链接

扫一扫

专栏目录