Tweenmax

最新推荐文章于 2021-09-26 11:16:26 发布

九

最新推荐文章于 2021-09-26 11:16:26 发布

阅读量317

点赞数

分类专栏： js TweenMax

本文链接：https://blog.csdn.net/qq_31301099/article/details/62222875

版权

js 同时被 2 个专栏收录

33 篇文章 0 订阅

订阅专栏

TweenMax

5 篇文章 0 订阅

订阅专栏

html:

css:

#container {
position: absolute;
top: 12%;
left: calc(50% - 50px);
width: 400px;
height: 400px;
}

.small_cookie {
position: absolute;
width: 100px;
height: 100px;
background-image: url("http://hotheadburritos.com/data/_uploaded/image/menu/Hot-Head-Burritos-Chocolate-Chip-Cookie.png");
background-size: 100% 100%;
}

js:

var R = 300 , dur = 5;

var tl = new TimelineLite()
.staggerTo(".small_cookie", dur ,{
bezier:{curviness:1.5,values:[{x:0,y:0},{x:R/2,y:R/2},{x:0,y:R},{x:-R/2,y:R/2},{x:0,y:0}]}
,rotation:-720,repeat:-1,ease:Power0.easeNone},dur/6)
.to(".main_cookie", dur ,{rotation:-360,ease:Power0.easeNone,repeat:-1},0)
.time(dur);