关于transition-property到底什么时候用呢?
如下代码,不使用这个属性名也是可以,要实现这个代码效果,属性名不都是要添加:hover属性么,已经都指定了,那transition-property还有什么意义呢?老师能不能举个特别的例子来说明下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
*{
padding:0;
margin:0;
}
.one{
width:300px;
height:300px;
background:#000;
margin:300px auto;
/*transition-property: ;*/
}
.one:hover{
cursor:pointer;
transform: rotate(180deg);
transition-duration:5s;
transition-timing-function:linear;
transition-timing-function:ease;
transition-timing-function:ease-in;
transition-timing-function:ease-out;
transition-timing-function:ease-in-out;
transition-delay:3s;
}
</style>
</head>
<body>
<div class="one"></div>
<div class="two"></div>
</body>
</html>
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答,登录/注册
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星