请老师帮忙解答
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>transition case</title>
<style>
*{
padding: 0;
margin: 0;
}
div{
margin: 300px auto;
width: 500px;
height: 150px;
background-color: #abcdef;
text-align: center;
line-height: 150px;
font-size: 40px;
transform: scale(1) rotate(0deg);
transition-property: all;
transition-duration: 1s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
div:hover{
transform: scale(2) rotate(360deg);
transition-property: all;
transition-duration: 1s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
transition: transform 1s ease-in-out 0;
}
</style>
</head>
<body>
<div>www.imooc.com</div>
</body>
</html>
1.老师我不太懂为什么要在原来的div上面设置transition才可以实现鼠标移走div过渡回原来的样子?
2.为什么我不能设置transition简写?
0
收起
正在回答 回答被采纳积分+1
3回答
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星