為什么我的不能平滑的過度,總是瞬間就變過來了?
<!DOCTYPE html>
<html>
<head>
<title>transition-timing-function</title>
<meta charset="utf-8">
<style type="text/css">
div{
width:300px;
height: 300px;
background: green;
margin:200px;
-moz-transform-transition:-webkit-border-radius 1s ease-in-out 0.2s;
-webkit-transform-transition:-webkit-border-radius 1s ease-in-out 0.2s;
-ms-transform-transition:-webkit-border-radius 1s ease-in-out 0.2s;
-o-transform-transition:-webkit-border-radius 1s ease-in-out 0.2s;
transform-transition:border-radius 1s ease-in-out 0.2s;
}
div:hover{
border-radius:150px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
2017-08-27
transform和transition是兩個控制不同效果的屬性，transform不包含transition，不能寫成transform-transition
2017-05-30