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

拉伸菜单的效果可不可以用css3的过渡(transition属性)来实现?

div
{
transition: width 2s;
}

div:hover
{
width:150px;
}

正在回答

2 回答

应该没问题 不过IE要IE10+

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

尝试了下 这种方式过渡效果没有JS好 宽度的过渡效果太快 完全没有过渡感觉

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

qq_初心_13 提问者

如果觉得太快可以把时间弄长一点。。。
2016-03-20 回复 有任何疑惑可以回复我~
#2

靖_pacify 回复 qq_初心_13 提问者

谢谢采纳 发觉没有过渡效果是因为偷懒没写关于浏览器内核兼容性部分translation 不过感觉怪怪的 对于比较新的版本浏览器有时没写兼容部分也不会出啥问题 为啥这次就出问题了 看来还是不能偷懒。。。
2016-03-20 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
导航条菜单的制作
  • 参与学习       123899    人
  • 解答问题       813    个

水平、垂直、圆角导航条菜单,让您的技术探索之路更高效

进入课程

拉伸菜单的效果可不可以用css3的过渡(transition属性)来实现?

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