哪兒不對???
div { width: 200px; height: 200px; background-color: orange; margin: 20px auto; border-radius: 100%; -webkit-transition-property: -webkit-border-radius; transition-property: border-radius; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-timing-function:linear; transition-timing-function:linear; -webkit-transition-delay: .2s; transition-delay: .2s; } div:hover { border-radius: 0px; }
2014-09-19
方法是對的,但不能會得這么細,可以將代碼集合在一起:
div {
width: 200px;
height: 200px;
background-color: orange;
margin: 20px auto;
border-radius: 100%;
/*-webkit-transition-property: -webkit-border-radius;
transition-property: border-radius;
-webkit-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-timing-function:linear;
transition-timing-function:linear;
-webkit-transition-delay: .2s;
transition-delay: .2s;*/
-webkit-transition: border-radius 1s linear .2s;
transition: border-radius 1s linear .2s;
}
div:hover {
border-radius: 0px;
}
2014-10-16
你的問題是什么?
我運行了你的代碼能正常顯示.....