初探TweenMax 动画

直接上代码：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /><title></title><style>#box{width:100px;height:100px;background-color:red;position: absolute;left: 100px;top: 0px;opacity:1 ;}</style>
</head>
<body><div id="box"></div><script src="js/TweenMax.min.js"></script><script>// from  to  區別  // from 是规定起始位置的状态// to 是规定到达位置的状态//fromTo() 起始 终点状态 第一个是起始状态， 第二个是终点状态var t = new TimelineMax();
//          t.to('#box',3,{
//              left : 300,
//              width: 200,
//              heignt: 200,
//              opacity: 0.1
//          })//            t.from('#box',3,{
//              left : 300,
//              width: 200,
//              heignt: 200,
//              opacity: 0.1
//          })// 3 表示状态完成是需要的时间s, 5 表示延迟5秒执行t.fromTo('#box',3,{left : 300,width: 200,heignt: 200,opacity: 0.1},{left : 600,width: 100,heignt: 100,opacity: 1},5)</script>
</body>
</html>

初探TweenMax 动画相关推荐

GreenSock (TweenMax) 动画案例(二)
实现效果动画分解 1.灯光闪烁 2.文字出现 3.水流 4.心电图知识点 1.AI(可尽情骚扰UI欧巴) 2.SVG(了解基本的知识点) 3.TweenMax(GreenSock) 4.CSS a ...
用css动态实现圆环百分比分配——初探css3动画
最近的小程序项目有个设计图要求做一个圆环,两种颜色分配,分别代表可用金额和冻结金额.要是就直接这么显示,感觉好像挺没水平??于是我决定做个动态! 在mdn把新特性gradients(渐变).trans ...
flash TweenMax用法
二,TweenMax主类: 这里分几个大块来介绍,分别是:第三个参数特有属性(29个),PlugIn(17个),公共属性(10个),公共方法(20个). 1,第三个参数特有属性(29个): 这29个参 ...
AS3.0常用第三方类库：TweenMax
一,主要代码结构: com.greensock包里面,首先最主要的就是TweenMax.as:然后一个常用的是 com.greensock.easing.*;里面包含了15个缓动,下文再一一介绍:另外 ...
tweenMax学习笔记
tweenMax是一款缓动插件,能实现很多牛逼的效果,在网上看了些demo,确实很吊,虽说很多用CSS3也能做出来,但是技多不压身,学之. 网上的demo还是很多的,但是资料不多,唯一能够让我有思绪的 ...
2.GSAP（TweenMax手册/TweenLite手册）之一
GSAP(TweenMax手册/TweenLite手册)之一本文章内容是关于GSAP动画库中的TweenMax和TweenLite的使用,编写于2020年10月22日00时47分(v1.0.0). ...
2022-01-24 工作记录--CSS-TweenMax动画效果
TweenMax动画效果 TweenMax中文文档一.实现效果二.代码 HTML <div class="title_item"><div class=&qu ...
TweenMax使用方法
SuperScrollorama是一个用来实现超酷的滚动动画效果的 jQuery 插件. 实现的效果有:文字褪色,飞,旋转,缩放,斯马什,针脚,滑动,隐退,反弹,颜色,扔,移动,视差. 地址:http ...
AndroidQ(10.0) 手机锁屏炫酷充电动画————lottie方案
效果图知识储备 1.Lottie动画使用指南 Lottie开源动画库介绍与使用示例 Android Lottie动画初探 Lottie动画免费下载网站 2.SystemUI 中引入AAR库编译因为 ...

初探TweenMax 动画

初探TweenMax 动画相关推荐

最新文章

热门文章