1 Star 0 Fork 0

Jiang / gsapCodes

Create your Gitee Account
Explore and code with more than 5 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
Cancel
Notice: Creating folder will generate an empty file .keep, because not support in Git
Loading...
README.md

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 向时间轴添加动画

Comments ( 0 )

Sign in for post a comment

About

此项目为vscode插件代码补全gsap动效引擎 spread retract
Cancel

Releases

No release

Contributors

All

Activities

load more
can not load any more
HTML
1
https://gitee.com/qq34347476/gsapCodes.git
git@gitee.com:qq34347476/gsapCodes.git
qq34347476
gsapCodes
gsapCodes
master

Search