为什么我的不能平滑的过度,总是瞬间就变过来了?
<!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>
