这样的css怎么实现

阅读 2.7k
4 个回答

对left和right cubic-bezier 如果向左就left先快后慢,right先慢后快;如果是向右就left先慢后快,right先快后慢

css3 transition实现的动画效果

自己解决了,用的transition,每个item选中的时候border-bottom显示,然后再加一个bottom-bar用最普通的移动就是那种效果, 不需要很难的样式。

图片描述
分析文档结构:
底部橙色bar是独立的div,并且是相对于父元素的绝对定位
通过点击事件确定橙色bar的right值,使用js动态修改。
图片描述
其次向该div添加transition属性,达到预期效果

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题