代码
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
div{
width: 100%;
height:100px;
background-color: red;
transition: 2s;
}
div:hover{
height: 500px;
}
</style>
</head>
<body>
<div> </div>
</body>
transition
- transition: 2s;表示把鼠标悬停2秒特完全执行效果【hover里面的】
hover
- 里面的类容就是鼠标停在选择器【这里div】后的效果(效果可以慢慢实现transition)