parabola.js实现抛物线与加入购物车效果_懂视

parabola.js实现抛物线与加入购物车效果

2020-11-27 20:05:17 责编:小采

本文主要介绍了parabola.js抛物线与加入购物车效果的示例代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。

在做购物车的时候发现一个很好用抛物线特效parabola.js，可先点击DEMO体验下。下面贴出一些关键代码，具体代码可在GitHub上查看

parabola.js

实现

// body
<p class="container">
 ![](dist/01.png)
 <center>点击加入购物车查看效果</center>

 <!--动画图片-->
 <p class="img-element" id="imgElement">
 ![](dist/02.jpg)
 </p>
 <!--购物车-->
 <p class="shop-cart" id="shopCart"></p>

 <span class="shop-cart-num">0</span>
 <p class="add-shop-cart"><!--加入购物车--></p>
</p>

效果图

下载本文

显示全文

全部频道