![64b94842df9545eb1350bf0c_5e39fc36cf358e63cda4ee42__ghi4djlw8iyly-7r6le_gasnza3sq0hul4grdaywnb1uwqhdphksg4kezaxmyyfppugmdta055ixbib8umrx0d2lvrsrk8cmnni9sa0lfult2sxas0d_4hnrvsl2duzgfcupiie](https://webflow-s3.tenten.co/2024/04/64b94842df9545eb1350bf0c_5e39fc36cf358e63cda4ee42__ghi4djlw8iyly-7r6le_gasnza3sq0hul4grdaywnb1uwqhdphksg4kezaxmyyfppugmdta055ixbib8umrx0d2lvrsrk8cmnni9sa0lfult2sxas0d_4hnrvsl2duzgfcupiie.gif)
在我们的教育课程中,涵盖了 Webflow 中的 After Effects 和 Lottie,我们制作了一个引人入胜的动画,展示了一个圆圈扩展为多个小圆圈的过程。本教程将指导您配置动画,以便在单击或点击鼠标时激活。
我们将分三个主要阶段完成该程序:
- 插入 Lottie 动画
- 建立触发器
- 准备动画
如需积极参与,请随时 复制此项目.
插入 Lottie 动画
![64b94842df9545eb1350bf00_5e39fc34e2d596b302676370_ympbgf0i5wpojtywr-mdwvnipv30i4qemkrn6m1jonsz8vrc1kupdmyaug2yjno_y2zmpukp6s1xajuiubitz8gmdojeud7cp05uq0fkletenl2gg_fuglv4asakuqbsinfnq-tk](https://webflow-s3.tenten.co/2024/04/64b94842df9545eb1350bf00_5e39fc34e2d596b302676370_ympbgf0i5wpojtywr-mdwvnipv30i4qemkrn6m1jonsz8vrc1kupdmyaug2yjno_y2zmpukp6s1xajuiubitz8gmdojeud7cp05uq0fkletenl2gg_fuglv4asakuqbsinfnq-tk.gif)
![64b94842df9545eb1350bf2c_5e39fc34ec2a1e05471067df_ifrdvd7xhv4hst78w2r92hqoaldziz_qc4dia1iylgofkyyrthi5nq128vyh-tv1f61oaianzlgsoopirl3l7mtsui7iv54cnijuvseeyaf5o2ojyjfqnaromo2yempxrxpqh0dr](https://webflow-s3.tenten.co/2024/04/64b94842df9545eb1350bf2c_5e39fc34ec2a1e05471067df_ifrdvd7xhv4hst78w2r92hqoaldziz_qc4dia1iylgofkyyrthi5nq128vyh-tv1f61oaianzlgsoopirl3l7mtsui7iv54cnijuvseeyaf5o2ojyjfqnaromo2yempxrxpqh0dr.gif)
![64b94842df9545eb1350bf12_5e39fc39ec2a1ef9cf1067e6_lgobcgcjapvsgswg06trerf4nawnnpm8jrrodnm5_hkkz_kmnie6fq4rvfu-zy-3yq_a7jyqb-dj1x0r4wnnhuy-vmeb73pmvnxfpwkwmib8bbltxyt7smoxaem9r1hpaqgx4wj9](https://webflow-s3.tenten.co/2024/04/64b94842df9545eb1350bf12_5e39fc39ec2a1ef9cf1067e6_lgobcgcjapvsgswg06trerf4nawnnpm8jrrodnm5_hkkz_kmnie6fq4rvfu-zy-3yq_a7jyqb-dj1x0r4wnnhuy-vmeb73pmvnxfpwkwmib8bbltxyt7smoxaem9r1hpaqgx4wj9.gif)
配置触发器
![64b94842df9545eb1350bf03_5e39fc35774af9a0968263ea_phkdl9_1xpgvb2ni5_ofxo9heu53qv2jbk6ff9hr9ns4vkgavp7sefn66fcnnyg2pntwbbeyyc4hjvcobg8hrzsvyhulduboo-tnw9oke4reqwtdplcjor-kca7x5s6fyiq-1f0x](https://webflow-s3.tenten.co/2024/04/64b94842df9545eb1350bf03_5e39fc35774af9a0968263ea_phkdl9_1xpgvb2ni5_ofxo9heu53qv2jbk6ff9hr9ns4vkgavp7sefn66fcnnyg2pntwbbeyyc4hjvcobg8hrzsvyhulduboo-tnw9oke4reqwtdplcjor-kca7x5s6fyiq-1f0x.png)
![64b94842df9545eb1350bf17_5e39fc3b29557cad61dad6d5_yfccdoutgynj5na88hs_xa6cl-g-zt9pzi9j-p5-vkerb_hny5wia6t00vrtmehrsbcmttj6njuvpa2q9ffl-vfok3goldlpobcwyjbgpcuwhmwlefqqh_iotjhkblrqhh2br41u](https://webflow-s3.tenten.co/2024/04/64b94842df9545eb1350bf17_5e39fc3b29557cad61dad6d5_yfccdoutgynj5na88hs_xa6cl-g-zt9pzi9j-p5-vkerb_hny5wia6t00vrtmehrsbcmttj6njuvpa2q9ffl-vfok3goldlpobcwyjbgpcuwhmwlefqqh_iotjhkblrqhh2br41u.gif)
配置动画
![64b94842df9545eb1350bf06_5e39fc3899e7255693d471fa_t4kcw4dqqzgvl1s6e8-rhrzokixd58t9vq_t6t2ntbjeqwh4dqyk9dc51zodwia9mfu_lbvvtiylyqyjslnilemmgtok7zpbrmthwl2byjgagkdlofocgdfjatw8guqbegyandax](https://webflow-s3.tenten.co/2024/04/64b94842df9545eb1350bf06_5e39fc3899e7255693d471fa_t4kcw4dqqzgvl1s6e8-rhrzokixd58t9vq_t6t2ntbjeqwh4dqyk9dc51zodwia9mfu_lbvvtiylyqyjslnilemmgtok7zpbrmthwl2byjgagkdlofocgdfjatw8guqbegyandax.gif)
![64b94842df9545eb1350bf09_5e39fc3a774af9e8258263fd_xk3_cvwddvxc1d0q0b26pqzpfnxpx3qwr3oov6o-lvdjj0r50yyd5hpx6pshplkoh79atfsdt88tkhgiaoviypnyavyv0v9z3akjjbmlqkf_xebnybhruzd9jxqkmfhbnaxkt4j1](https://webflow-s3.tenten.co/2024/04/64b94842df9545eb1350bf09_5e39fc3a774af9e8258263fd_xk3_cvwddvxc1d0q0b26pqzpfnxpx3qwr3oov6o-lvdjj0r50yyd5hpx6pshplkoh79atfsdt88tkhgiaoviypnyavyv0v9z3akjjbmlqkf_xebnybhruzd9jxqkmfhbnaxkt4j1.gif)
Ewan Mak 的最新帖子 (查看全部)
- 包括或删除工作区位置和成员 - 2024 年 4 月 15 日
- 定心盒摘要 - 2024 年 4 月 15 日
- 存储网站以供将来参考 - 2024 年 4 月 15 日