由于需求的问题,需要做一个动态效果:当我滚动鼠标,页面滚动到某个位置,然后两个div分别从左右往中间靠拢。
大致的思路就是 利用css3的 animation 和 @keyframes 通过js 对class 的增加和删除 来控制动画效果。
Demo 地址:https://codepen.io/Dios/pen/VzWwaQ