Получение псевдоэлементов для анимации TweenLite - PullRequest
Новая
       56

Получение псевдоэлементов для анимации TweenLite

0 голосов
/ 01 июня 2018

Я использую 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');

И в обоих случаях получена ошибка:

Невозможно анимация нулевой цели.

Q: как написать правильный селектор для получения псевдоэлемента?

Здесь также мой нижний колонтитул со всеми необходимыми скриптами: 

> <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>
...