为什么我的不能平滑的过度,总是瞬间就变过来了?
Pcanyang
2017-05-30 17:08
<!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>
2回答
-
- Csunnnnn
- 2017-08-27 17:16:28
transform和transition是两个控制不同效果的属性，transform不包含transition，不能写成transform-transition
-
- Pcanyang
- 2017-05-30 17:42:57
transform-transition:border-radius 1s ease-in-out 0.2s; 修改为: transition:border-radius 1s ease-in-out 0.2s;
十天精通CSS3
242554 学习 · 2623 问题
相似问题
回答 5
回答 4