1 Star 0 Fork 0

Jiang / gsapCodes

Create your Gitee Account
Explore and code with more than 6 million developers,Free private repositories !:)
Sign up
This repository doesn't specify license. Without author's permission, this code is only for learning and cannot be used for other purposes.
Clone or download
README.md 3.07 KB
Copy Edit Web IDE Raw Blame History
Jiang authored 2019-07-18 12:23 . v1.0.2 新增cdn地址 修改使用说明

README

欢迎来到懒人世界

如果觉得好用,不要吝啬star(^▽^)

今后更新更多懒人插件,欢迎提bugs,交流,关注,star: github gitee

更多优秀插件:

A-super-comprehensive: vue-bootstrap-js-nodejs-html-css-mui-less等前端超级合集代码补全

A-super-themes: 荧光字体主题美化

A-super-translate: 英语小白必备悬浮翻译

A-super-change-case: 驼峰,下划线等词组格式互转

关于GSAP web动画库

GSAP的全名是GreenSock Animation Platform,是一个从flash时代一直发展到今天的专业动画库

GSAP提供4个库文件供用户使用,4者之间有不同也有重叠

TweenLite是GSAP的主体核心,它用于创建基本动画,是其他各类模块的基础。一般都会搭配plugins/CSSPlugin以实现DOM元素的动画(也就是我们最熟悉的动画了)。

TimelineLite是一个叫做时间轴的动画容器,它用于对多个动画进行有序的组织与控制。

TimeLineMax是TimelineLite的升级版,在TimelineLite的基础之上,可以有更高级的组织与控制。

TweenMax是GSAP集合包,除前面3个之外,还包括plugins里的常用插件以及easing里的缓动函数补充

食用姿势

调用前缀 gsap + 下列对应内容

内容 快捷键
config-help vars相关属性
config-url 快捷引入GSAP
new-tween 快速创建TweenMax
to TweenMax.to
from TweenMax.from
fromTo TweenMax.fromTo
stagger-to TweenMax.staggerTo
stagger-from TweenMax.staggerFrom
stagger-fromTo TweenMax.fromTo
api(pause/resume/reverse/seek/restart/timeScale) 暂停/继续/反转播放/跳转/重播/倍速播放
new-timeline 快速创建Timeline
new-timeline 快速创建timeline时间轴
timeline-add 向时间轴添加动画

Comment ( 0 )

Sign in for post a comment

HTML
1
https://gitee.com/qq34347476/gsapCodes.git
git@gitee.com:qq34347476/gsapCodes.git
qq34347476
gsapCodes
gsapCodes
master

Search

103611 48b8ff67 1899542 103622 4d02230c 1899542