关于transition的设置有什么限制么？以下代码不能实现过度动画
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>变形与动画</title>
<link href="style.css" rel="stylesheet" type="text/css">
<style>
.wrapper5 {
width: 200px;
height: 200px;
background: red;
margin: 20px auto;
transition:width .5s ease-in .18s;
-webkit-transition-property: width;
transition-property: width;
-webkit-transition-duration:.5s;
transition-duration:.5s;
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
-webkit-transition-delay: .18s;
transition-delay:.18s;
}
.wrapper5 div:hover {
width: 400px;
}
/* .wrapper5 删除了之后就可以实现动画过度了。*/
</style>
</head>
<body>
<div class="wrapper5">
<div>动画过度属性</div>
</div>
</body>
</html>
