一个简单的小程序飞入购物车特效:
主要思路就是利用抛物线方程计算出一些关键点,然后定时去绘制位置,不过小程序里不能计算太过密集,否则会很卡,和 pc 上的主要区别是绘制更少的关键点,中间的过渡用 css 的 transition 去做。
可以同时有多个抛物线,更多详情请看原文,:
http://qiutianaimeili.com/html/page/2018/11/3q4638qm4pk.html
1
del1214 2018-11-16 13:03:17 +08:00
支持一下
|
2
flowfire 2018-11-19 10:21:57 +08:00 via iPhone
可以用纯 css 实现,计算开始和结束坐标,x 轴用 linear,y 轴用 ease in
|
3
flowfire 2018-11-19 10:23:23 +08:00 via iPhone
看了一下你发的 gif 图,y 轴你估计得自己写贝塞尔曲线了
|