Question

我正在使用Greensock TweenLite，我需要为DOM元素设置边框动画。

如您所见，内联样式设置为： border: solid 0px yellow

并使用TweenLite我传递最终结果

border: "solid 20px blue"

但动画未执行。

我想知道是否支持速记属性和/或是否存在解决方法。

＆＃13;

var element = document.getElementById('target');

TweenLite.to(element, 2, {
  border: "solid 20px blue"
})

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.19.1/TweenMax.min.js"></script>
<div id="container" style="perspective: 200px">
  <div id="target" style=" width: 250px;  height: 250px; background-color: red; font-size: 100px; border: solid 0px yellow;">Hello</div>
</div>

＆＃13;

Answer 1

应该 =(SUMIF(C:C,"LAST",D:D)-SUMIF(C:C,"FIRST",D:D))/COUNTIF(C:C,"LAST") （不是20px solid blue）

solid 20px blue

           ^^^^--- Size goes first

var element = document.getElementById('target');
TweenLite.to(element, 2, {border: "20px solid blue"});

动画边框短手属性时Greensock TweenLite问题

1 个答案: