css3 - 这样的css怎么实现

Question

如下链接的第一个tababr，有点拖尾巴的跟进，怎么实现的？
https://vux.li/demos/v2/?x-pa...

Answer 1

對left和right cubic-bezier 如果向左就left先快後慢，right先慢後快;如果是向右就left先慢後快，right先快後慢

Answer 2

css3 transition實現的動畫效果

Answer 3

自己解決了，用的transition，每個item選取的時候border-bottom顯示，然後再加一個bottom-bar用最普通的移動就是那種效果， 不需要很難的樣式。

Answer 4

分析文件結構：
底部橘色bar是獨立的p,並且是相對於父元素的絕對定位
透過點擊事件確定橘色bar的right值，使用js動態修改。

其次在此p上加入transition屬性，達到預期效果