如何在WordPress中引入GSAP，并解决动画冲突问题
问题1
如何引入gsap？
解决方法
通过gsap官网提供的cdn链接与wordpress的代码插入工具。
复制上图的cdn地址，再插入到wp的代码插入工具里，我这里使用的是wpcode
如上图所示点击update即可。
问题2
解决gsap动画与elementor或者您的主题之间动画过度的冲突问题，使用过程中我发现gsap的动画过度会被主题或elementor的过度效果覆盖，无法达到预期效果。
解决方法
在你需要使用gsap动画的容器上将transition设置为all 0s !important,这可以覆盖掉主题或某些插件的过度效果，使gsap的动画过度生效。
已改容器为例，他的id是s1,那么我们需要给的css样式如下，这里不能直接*囊括所有，因为它可能会导致一些主题或插件的动画过度失效。
#s1 *{
transition:all 0s !important
}
设置完成后再通过gsap给动画，就不会被主题或插件的过度影响，同时不会影响主题或插件在其它内容上的动画过度。还有一点需要注意，就是你的gsap动画代码必须要放在gsap的cdn引入之后，如果你使用wpcode，可以直接把他放到site foot，如果你使用的是pro版本的wpcode，你可以勾选load as a file,这样也能使动画生效。
