页面滚动到一定位置,两个div 朝中间运动。

由于需求的问题,需要做一个动态效果:当我滚动鼠标,页面滚动到某个位置,然后两个div分别从左右往中间靠拢。

大致的思路就是 利用css3的 animation  和 @keyframes 通过js 对class 的增加和删除 来控制动画效果。

Demo 地址:https://codepen.io/Dios/pen/VzWwaQ

posted @ 2017-08-10 16:54  Dios  阅读(449)  评论(0编辑  收藏  举报