为了账号安全,请及时绑定邮箱和手机立即绑定

哪儿不对???

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;
}


正在回答

2 回答

方法是对的,但不能会得这么细,可以将代码集合在一起:

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;

}


0 回复 有任何疑惑可以回复我~
#1

劃拳 提问者

非常感谢!
2015-06-29 回复 有任何疑惑可以回复我~

你的问题是什么?

我运行了你的代码能正常显示.....

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
十天精通CSS3
  • 参与学习       242697    人
  • 解答问题       2623    个

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

进入课程
意见反馈 帮助中心 APP下载
官方微信