CSS延迟hover显示时间

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<style>
    div{
        transition: 0s background-color;
    }
    div:hover{
        background-color:red;    
        transition-delay:3s;
    }
</style>
<div>延迟hover显示时间(鼠标悬停此处,3秒后显示红色背景)</div>
</body>
</html>

 

posted @ 2020-12-08 09:06  qq321722956  阅读(2095)  评论(0)    收藏  举报