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

正在回答

6 回答

那你就去定义一个改变margin值得动画呗

@keyframes changemargin{

  0%{

    margin: 0;

  }

  20%{

   margin: 20px;

  }

  40%{

    margin: 40px;

  }

  60%{

   margin: 60px;

  }

  80%{

    margin: 80px;

  }

  100%{

    margin: 100px;

  }

}

div {

  width: 300px;

  height: 200px;

  background: red;

  color:#fff;

  margin: 20px auto;

}

div:hover {

  animation: changemargin 5s ease-out .2s;

}


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

现在就得努力一点 提问者

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

因为没有写动画把

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

你要表达什么?

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

现在就得努力一点 提问者

只有变色效果,我试了下margin的动态效果没有出来
2015-09-20 回复 有任何疑惑可以回复我~

举报

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

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

进入课程

移动效果呢

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信