tweenlitejs的简单介绍

本文目录一览：

animate() ；这个方法是自定义动画效果的方法，高度，宽度，透明度，运行速度都是可通过自定义给属性，这个方法只能改变可以取数字值的css属性，如：大小，边框，内外边距，定位，字体，文本，背景，透明度。

三：通过css动画属性进行编码出这些形态。如果是复杂的，用css配合js编写出来即可。

CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。selector {；； ...} 选择器通常是您需要改变样式的 HTML 元素。每条声明由一个属性和一个值组成。

你可以把它看作像写一般的CSS列表一样，只用增加两三行代码就能完成切换效果。

svg路径画圆的特性：(rx ry x-axis-rotation large-arc-flag sweep-flag x y)。rx，ry：是椭圆的两个半轴的长度。x-axis-rotation：是椭圆相对于坐标系的旋转角度，角度数而非弧度数。-tweenlitejs

首先1处改成node=svgdoc.createElementNS(http：//；， rect)；是必须的，这样才能创建一个svgRect元素。其次，IE8不支持svg。

使用方法：使用该SVG图形轮廓线路径动画插件需要引入jQuery和jquery.drawsvg.js文件。初始化插件在页面DOM元素加载完毕之后，可以通过下面的方法来使SVG图形生成轮廓线动画效果。-tweenlitejs

tweenlitejs的简单介绍

TweenMax.js是动画插件库GSAP（GreenSock Animation Platform）的核心文件，加载后即可使用四个主要运动类TweenLite、TweenMax、TimelineLite、TimelineMax和一些其他插件。-tweenlitejs

而TweenMax在此基础上还另外增加了特殊缓动：Elastic、Back、Bounce、SlowMo、SteppedEase、RoughEase、Circ、Expo、Sine。

stopPropagation()终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后，该节点上处理该事件的处理程序将被调用，事件不再被分派到其他节点。

控制动画往正方向播放，可设定开始的时间点。如果 suppressEvents 保持默认状态并跳到新的时间点，那么之前在新旧时间点之间设置的回调或函数不会被触发，相当于跳过了那些时间点。如果想触发，设为false。-tweenlitejs

分别指定进入和离开的持续时间：transiton 生命周期8个当只用 JavaScript 过渡的时候，在 enter 和 leave 钩子中必须使用 done 进行回调。

先写好一个不带动画的弹窗组件，share_cover为遮罩DIV，share_content为内容DIV （核心）弹窗动画，我们要给内容DIV的CSS加个animation属性。

自定义过渡的类名优先级高于普通的类名，这样就能很好地与第三方（如：animate.css）的动画库结合使用。在很多情况下，Vue 可以自动得出过渡效果的完成时机。