V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
qiutianaimeili

小程序飞入购物车特效

  •  
  •   qiutianaimeili · Nov 16, 2018 · 4014 views
    This topic created in 2731 days ago, the information mentioned may be changed or developed.

    一个简单的小程序飞入购物车特效:

    主要思路就是利用抛物线方程计算出一些关键点,然后定时去绘制位置,不过小程序里不能计算太过密集,否则会很卡,和 pc 上的主要区别是绘制更少的关键点,中间的过渡用 css 的 transition 去做。

    可以同时有多个抛物线,更多详情请看原文,:

    http://qiutianaimeili.com/html/page/2018/11/3q4638qm4pk.html

    3 replies    2018-11-19 10:23:23 +08:00
    del1214
        1
    del1214  
       Nov 16, 2018
    支持一下
    flowfire
        2
    flowfire  
       Nov 19, 2018 via iPhone
    可以用纯 css 实现,计算开始和结束坐标,x 轴用 linear,y 轴用 ease in
    flowfire
        3
    flowfire  
       Nov 19, 2018 via iPhone
    看了一下你发的 gif 图,y 轴你估计得自己写贝塞尔曲线了
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   1371 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 34ms · UTC 17:23 · PVG 01:23 · LAX 10:23 · JFK 13:23
    ♥ Do have faith in what you're doing.