h5正方形悬停变换成直立

最新推荐文章于 2022-07-27 19:10:46 发布

饭九钦vlog

最新推荐文章于 2022-07-27 19:10:46 发布

阅读量147

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/wtfsb/article/details/106183964

版权

前端专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<a href="www.baidu.com" class="box"></a>
<style>
    a.box{
        height:100px;
        width:100px;
        display:block;
        background:#00f;
        border:1px solid #000;
       -webkit-transition: all 0.5s linear;
       -webkit-transform: translate(100px,50px);
    }
    a.box:hover{
        -webkit-transform: translate(100px,50px) scale(1.1) rotate(30deg);
        background:#f00;
    }


</style>






</body>
</html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

饭九钦vlog

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
h5正方形悬停变换成直立

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><a href="www.baidu.com" class="box"></a><style> a.box{ height:100px;.
复制链接

扫一扫