關(guān)于transition的設(shè)置有什么限制么？以下代碼不能實(shí)現(xiàn)過(guò)度動(dòng)畫(huà)
<!DOCTYPE html>
<html>
<head>?
<meta charset="utf-8">
<title>變形與動(dòng)畫(huà)</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 ?刪除了之后就可以實(shí)現(xiàn)動(dòng)畫(huà)過(guò)度了。*/
</style>
</head>?
<body>
<div class="wrapper5">
? <div>動(dòng)畫(huà)過(guò)度屬性</div>
</div>
</body>
</html>
2016-10-28
這個(gè)是不可以的，要匹配的.wrapper5?div與.wrapper5?div:hover匹配
.wrapper5與.wrapper5:hover匹配
2016-03-31
.wrapper5:hover?{
??width:?400px;
}
2016-03-31
把其中的css
.wrapper5?div:hover?{ ??width:?400px; }改成
.wrapper5:hover?{ ??width:?400px; }