网站（十三）CSS使用过渡

最新推荐文章于 2024-08-25 17:19:55 发布

KeithAlexander

最新推荐文章于 2024-08-25 17:19:55 发布

阅读量194

点赞数

分类专栏：学习笔记

本文链接：https://blog.csdn.net/KeithAlexander/article/details/80970254

版权

学习笔记专栏收录该内容

38 篇文章 0 订阅

订阅专栏

CSS使用过渡

加在hover内：
transition：
1. delay：延迟
2. duration：动画渐变
3. property：属性名（只渐变这一个属性）

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>CreateTrans</title>
    <style type="text/css">
        p {
            width: 100px;
            height: 100px;
            background-color: antiquewhite;
        }
        p:hover{
            width:200px;
            height:200px;
            background-color: #ffad2a;
            transition-delay: 1s;
            transition-duration: 1s;
            transition-property: background-color
            /*-webkit-transition-duration: ; -moz-transition-duration: ;*/
        }
    </style>
</head>

<body>
    <p></p>
</body>

</html>