Question

我使用TweenLite进行动画制作，需要为伪元素::before设置动画。 CSSRulePlugin提供了这样的机会，如：

var rule = CSSRulePlugin.getRule(".myClass:before"); //get the rule
TweenLite.to(rule, 3, {cssRule:{color:"#0000FF"}});

我的问题是以不同的方式获取元素 - 我在迭代循环中将其作为数组元素访问：

for (let i = 0; i < this.items.length; i++) {
   let before = CSSRulePlugin.getRule($(this.items[i]) + ':before');
            TweenLite.to(before, .5, {
                opacity: 1
            } );
}

我也试过了：

let before = CSSRulePlugin.getRule(this.items[i] + ':before');

在这两种情况下都有错误：

无法补间空目标。

问：如何编写适当的选择器来获取伪元素？

这里也是我的页脚，包含所有必需的脚本：

> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.1/plugins/CSSRulePlugin.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.0/plugins/CSSPlugin.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.0/easing/EasePack.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.0/TweenLite.min.js"></script>

获取TweenLite动画的伪元素

0 个答案: