You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何实现GSAP动画仅在点击时作用于对应目标克隆元素

GSAP点击触发指定元素动画问题

我需要定义一个仅针对特定目标运行的GSAP动画。当前实现中所有tile的内容都会触发淡出效果,但预期仅对被点击的元素执行该动画。

解决方案

我已通过定位克隆元素的方式解决了该问题,添加的代码如下:

let cloneAnimation = clone.querySelector('.tile .inner-content');
gsap.to(cloneAnimation, {
    duration: 2.0,
    opacity: 0
})

内容的提问来源于stack exchange,提问作者Syntrix

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.01 06:06:05