实现购物车小球飞出

代码示例

1.首先设置加号和购物车标签

<div class="add">+</div>
<div class="cart">购物车</div>

2.设置小球样式

小球样式类名为ball

3.设置事件触发

获取俩个标签元素作为方法的第一个和第二个参数

第三个参数为对象，有以下属性：

duration：动画时间

fadeout:控制在到达购物车时是否做动画透明

removeonEnd：控制小球到达位置后是否移除

div2.addEventListener('click', () => {
     addToCartAnimation(add, cart, {
     duration: 800, // 动画时间
     fadeOut: true, // 是否淡出
     removeOnEnd: true, // 是否移除小球
     })
});