Skip to content

Commit

Permalink
update readme
Browse files Browse the repository at this point in the history
  • Loading branch information
janily committed Nov 2, 2016
1 parent c8478b6 commit 872473d
Show file tree
Hide file tree
Showing 7 changed files with 9 additions and 11 deletions.
2 changes: 1 addition & 1 deletion .publish
Submodule .publish updated from bbfb8a to 4a83a2
4 changes: 2 additions & 2 deletions GreenSockAdvanced/3dtransform.md
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,9 @@

在平时的动效开发中,为了是动效具有立体的效果,一般会用到CSS3中的3D transform这一属性。在GreenSock中也提供了3D transform功能,支持CSS3D的全部属性,使用起来比CSS3更加方便。

下面来看看它的一些使用方法
下面来看看它的使用方法

开始之前首先要理解greensock中的 perspective 和 transformPerspective 两个属性。它们是greensock中运行的基础,因为是它们才能使元素具有一个3D空间透视的表现能力
开始之前首先要理解greensock中的perspective和transformPerspective两个属性。它们是greensock中运行的基础,使用它们才能使元素具有一个3D空间透视的表现能力

下面是分别使用transformPerspective和没用transformPerspective的实例:

Expand Down
2 changes: 1 addition & 1 deletion GreenSockBasic/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@

![](http://i3.tietuku.com/6f5c0e8054dc8d27.png)

这里我们引入的是TweenMax这个全功能的js文件,它包括了GreenSock动画平台的所有核心的功能。
建议在开发中使用TweenMax这个全功能的js文件,它包括了GreenSock动画平台的所有核心的功能。

下面就开始GreenSock之旅吧。

Expand Down
4 changes: 2 additions & 2 deletions GreenSockBasic/easing.md
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@ TweenMax提供了下面这些运动曲线:

![](http://ww4.sinaimg.cn/large/0060lm7Tgw1f997n29r9vg30nj0l6n5p.gif)

下面我们添加一个bounce曲线,看看实际效果(点击右下角的return按钮查看效果):
下面给动画添加一个bounce曲线,看看实际效果(点击右下角的return按钮查看效果):

```
TweenLite.fromTo($box, 2, {x: '-=200px'}, {x: 150, ease: Bounce.easeOut});
Expand All @@ -21,6 +21,6 @@ TweenLite.fromTo($box, 2, {x: '-=200px'}, {x: 150, ease: Bounce.easeOut});

在实际开发中,开发动画效果都会在动画过程中做一些其它的操作,这个时候就要用到回调函数了。TweenMax提供了在动画各个阶段的回调方法,使用起来非常方便。

请看下一章节
关于动画回调的相关方法请看下一章节


4 changes: 1 addition & 3 deletions GreenSockBasic/select.md
Original file line number Diff line number Diff line change
Expand Up @@ -23,9 +23,7 @@ var $box = $('#box');

上面可以看到我们使用了**jquery**来选择需要操作的DOM。当然你也可以使用javascript原生提供的DOM操作方法来选择DOM节点。

接下来就可以是使用GreenSock中的**TweenMax.js**提供的各种方来使它动起来。

请看下一章节。
接下来就可以是使用GreenSock中的**TweenMax.js**提供的各种方来使它动起来,请看下一章节。



Expand Down
2 changes: 1 addition & 1 deletion GreenSockBasic/sequence.md
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,7 @@ tl.to(".green", 1, {x:750})
.to(".orange", 1, {x:750})
```

是不是跟jquery的链式操作很相似,所有的动画效果是一个接着一个运行的,即链式动画。有没有很方便。
是不是跟jquery的链式操作很相似,所有的动画效果是一个接着一个运行的,即链式动画。

GreenSock不仅提供了像这种方便的链式动画操作,而且还提供了各种动画的控制方法,比如播放、暂停等方法可以更加灵活的来对动画进行控制。

Expand Down
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@

其中借鉴了一些官方的文档以及在互联网上找到的一些内容,主要是结合个人在项目中的使用经验写成。由于经验有限,难免存在诸多疏漏或者理解不到位的地方,还请多多指教!

本文档是基于gitbook来构建的,本地预览需要node环境并且需要安装gitbook:
本文档是基于gitbook来构建的,发布在[svgtrick.com/book/greensock](http://svgtrick.com/book/greensock)本地预览需要node环境并且需要安装gitbook:


```
Expand Down

0 comments on commit 872473d

Please sign in to comment.