transition 加过渡效果

最新推荐文章于 2023-07-12 00:24:52 发布

爱生活，爱编程

最新推荐文章于 2023-07-12 00:24:52 发布

阅读量653

点赞数 1

分类专栏： html + css

本文链接：https://blog.csdn.net/qq_15009739/article/details/108659384

版权

html + css 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

这个我的理解就是以前用js 写动画，现在可以用css 做动画

index.html

<!DOCTYPE html>
<html>

<head>
    <style>
        div {
            width: 300px;
            height: 200px;
            background-color: #666;
            border: 1px solid #CCC;
            margin: 100px auto;
            text-align: center;
            transition: background 3s;
        }

        div:hover {
            background-color: pink;
        }
    </style>
</head>

<body>

    <div>
        自己正确的东西便把它扩大，不正确的东西便把它清除、取消
    </div>
</body>

</html>

效果：

当我们鼠标hover 时，颜色会发生变化，我的意思是普通属性也可以加过渡效果

当然啦， transition 也可以给 2d 3d 变化加过渡效果！

因为我们光学vue 了，所以有点忘记也很正常

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

爱生活，爱编程

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
transition 加过渡效果

这个我的理解就是以前用js 写动画，现在可以用css 做动画index.html<!DOCTYPE html><html><head> <style> div { width: 300px; height: 200px; background-color: #666; border: 1px solid #CCC;
复制链接

扫一扫