# GSAP (GreenSock Animation Platform)
#### Ultra high-performance, professional-grade animation for the modern web
GSAP is a JavaScript library for creating high-performance animations that work in **every** major browser. No other library delivers such advanced sequencing, reliability, API efficiency, and tight control while solving real-world problems on over 7.5 million sites. GSAP works around countless browser inconsistencies; your animations 'just work'. CSS properties, SVG, canvas libraries, custom properties of generic objects, colors, strings...animate anything! At its core, GSAP is a high-speed property manipulator, updating values over time with extreme accuracy. It's up to 20x faster than jQuery! See the <a href="https://greensock.com/why-gsap/">"Why GSAP?"</a> article for what makes GSAP so special.
<a href="https://greensock.com/docs">Full documentation</a>
### What is GSAP? (video)
[![What is GSAP?](http://img.youtube.com/vi/-riXBjDfvOw/0.jpg)](http://www.youtube.com/watch?v=-riXBjDfvOw)
### Getting started video
[![Getting started video](http://img.youtube.com/vi/tMP1PCErrmE/0.jpg)](http://www.youtube.com/watch?v=tMP1PCErrmE)
Unlike monolithic frameworks that dictate how you structure your apps, GSAP is completely flexible; sprinkle it wherever you want. React, Vue, Angular or vanilla JS - doesn't matter. Simply put, GSAP is the most robust high-performance animation library on the planet, which is probably why **every major ad network excludes it from file size calculations**.
**Zero dependencies.**
This is the public repository for GreenSock's JavaScript tools like <a href="https://greensock.com/gsap/" target="_blank">GSAP</a> and <a href="https://greensock.com/draggable/" target="_blank">Draggable</a>. "GSAP" describes all of the animation-related tools which include TweenLite, TweenMax, TimelineLite, TimelineMax, various <a href="https://greensock.com/plugins/?product_id=4921">plugins</a>, extra <a href="https://greensock.com/ease-visualizer/">easing</a> functions, etc.
### CDN
TweenMax is most popular because it has all the essential tools plus several common <a href="https://greensock.com/plugins/?product_id=4921">plugins</a>, all in one file:
```html
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/TweenMax.min.js"></script>
```
Click the green "Download GSAP" button at <a href="https://greensock.com/?download=GSAP-JS">greensock.com</a> for more options. Click "customize" at the bottom of the resulting window to see all the extra plugins and tool URLs.
Draggable, for example, is at:
```html
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.2/utils/Draggable.min.js"></script>
```
Most ad networks have GSAP on their CDNs as well, so contact them for the appropriate URL(s).
### NPM
See the <a href="https://greensock.com/docs/NPMUsage">full guide to using GSAP via NPM</a>.
```javascript
npm install gsap
```
The default (main) file is TweenMax which includes TweenLite, TimelineLite, TimelineMax, all of the eases (except CustomEase/CustomWiggle/CustomBounce) and the following plugins: css, roundProps, bezier, attr, and directionalRotation.
```javascript
//typical import
import {TweenMax, Power2, TimelineLite} from "gsap/TweenMax";
//or get to the parts that aren't included inside TweenMax:
import Draggable from "gsap/Draggable";
import ScrollToPlugin from "gsap/ScrollToPlugin";
//or, as of 2.0, all tools are exported from the "all" file (excluding bonus plugins):
import {TweenMax, CSSPlugin, ScrollToPlugin, Draggable, Elastic} from "gsap/all";
//if tree shaking dumps plugins, just reference them somewhere in your code like:
const plugins = [CSSPlugin, ScrollToPlugin];
```
As of version 2.0, the NPM files are ES modules, though there's also a /umd/ directory with UMD files for extra compatibility.
For <a href="https://greensock.com/club/">Club GreenSock</a>-only plugins, download them from your GreenSock.com account and then treat them as part of your own JS payload or drop them into your node_modules/gsap folder. Post other questions in our <a href="https://greensock.com/forums/">forums</a> and we'd be happy to help.
### Resources
* <a href="https://greensock.com/gsap/">GSAP home page</a>
* <a href="https://greensock.com/get-started-js/">Getting started guide</a>
* <a href="https://greensock.com/docs/">Full documentation</a>
* <a href="https://greensock.com/forums/">Community forums</a>
* <a href="https://greensock.com/docs/NPMUsage">NPM & Webpack usage guide</a>
* <a href="https://greensock.com/examples-showcases">Examples & showcases</a>
* <a href="https://greensock.com/why-gsap/">Why GSAP?</a> (a practical guide for developers)
* <a href="https://codepen.io/GreenSock/full/jdawKx">Advanced staggers</a>
* <a href="https://greensock.com/draggable/">Draggable demo</a>
* <a href="https://greensock.com/svg-tips/">Animating SVG with GSAP</a>
* <a href="https://greensock.com/club/">Club GreenSock</a> (get access to bonus plugins and tools not in this repository)
* css-tricks article: <a href="https://css-tricks.com/myth-busting-css-animations-vs-javascript/">Myth Busting: CSS Animations vs. JavaScript</a>
* css-tricks article about <a href="https://css-tricks.com/writing-smarter-animation-code/">writing smarter animation code</a>
### Get CustomEase for free
Sign up for a free GreenSock account to gain access to <a href="https://greensock.com/customease/">CustomEase</a> which lets you create literally any ease imaginable (unlimited control points). It's in the download zip at <a href="https://greensock.com/?download=GSAP-JS">GreenSock.com</a> (when you're logged in).
### What is Club GreenSock? (video)
[![What is Club GreenSock?](http://img.youtube.com/vi/03yJ6-Aq0gQ/0.jpg)](http://www.youtube.com/watch?v=03yJ6-Aq0gQ)
<a href="https://greensock.com/club/">Sign up</a> anytime.
### Advanced playback controls & debugging
<a href="https://greensock.com/gsdevtools/">![GSDevTools](https://greensock.com/_img/github/GSDevTools-github-thumb.gif)</a>
<a href="https://greensock.com/gsdevtools/">GSDevTools</a> adds a visual UI for controlling your GSAP animations which can significantly boost your workflow and productivity. (<a href="https://greensock.com/club">Club GreenSock</a> membership required, not included in this repository).
### Try all bonus plugins for free on Codepen
<a href="https://codepen.io/GreenSock/full/OPqpRJ/">https://codepen.io/GreenSock/full/OPqpRJ/</a>
### Need help?
<a href="https://greensock.com/forums/">GreenSock forums</a> are an excellent resource for learning and getting your questions answered. Report any bugs there too please (it's also okay to file an issue on Github if you prefer).
### License
GreenSock's standard "no charge" license can be viewed at <a href="https://greensock.com/standard-license">http://greensock.com/standard-license</a>. <a href="https://greensock.com/club/">Club GreenSock</a> members are granted additional rights. See <a href="https://greensock.com/licensing/">http://greensock.com/licensing/</a> for details. Why doesn't GreenSock use an MIT (or similar) open source license, and why is that a **good** thing? This article explains it all: <a href="https://greensock.com/why-license/" target="_blank">http://greensock.com/why-license/</a>
Copyright (c) 2008-2019, GreenSock. All rights reserved.
没有合适的资源?快使用搜索试试~ 我知道了~
vue模仿taobao,属于多模块项目,包括api、管理后台、vue前台..zip
共1033个文件
java:323个
js:204个
png:116个
0 下载量 183 浏览量
2024-08-21
12:08:02
上传
评论
收藏 8.21MB ZIP 举报
温馨提示
项目工程资源经过严格测试可直接运行成功且功能正常的情况才上传,可轻松copy复刻,拿到资料包后可轻松复现出一样的项目,本人系统开发经验充足(全栈开发),有任何使用问题欢迎随时与我联系,我会及时为您解惑,提供帮助 【资源内容】:项目具体内容可查看/点击本页面下方的*资源详情*,包含完整源码+工程文件+说明(若有)等。【若无VIP,此资源可私信获取】 【本人专注IT领域】:有任何使用问题欢迎随时与我联系,我会及时解答,第一时间为您提供帮助 【附带帮助】:若还需要相关开发工具、学习资料等,我会提供帮助,提供资料,鼓励学习进步 【适合场景】:相关项目设计中,皆可应用在项目开发、毕业设计、课程设计、期末/期中/大作业、工程实训、大创等学科竞赛比赛、初期项目立项、学习/练手等方面中 可借鉴此优质项目实现复刻,也可基于此项目来扩展开发出更多功能 #注 1. 本资源仅用于开源学习和技术交流。不可商用等,一切后果由使用者承担 2. 部分字体及插图等来自网络,若是侵权请联系删除,本人不对所涉及的版权问题或内容负法律责任。收取的费用仅用于整理和收集资料耗费时间的酬劳 3. 积分资源不提供使用问题指导/解答
资源推荐
资源详情
资源评论
收起资源包目录
vue模仿taobao,属于多模块项目,包括api、管理后台、vue前台..zip (1033个子文件)
.babelrc 339B
bootstrap.min.css 118KB
bootstrap.min.css 118KB
AdminLTE.min.css 88KB
AdminLTE.min.css 88KB
screen.css 43KB
print.css 41KB
all-skins.min.css 40KB
all-skins.min.css 40KB
font-awesome.min.css 30KB
font-awesome.min.css 30KB
layui.css 27KB
_all.css 20KB
ui.jqgrid-bootstrap.css 18KB
ui.jqgrid-bootstrap.css 18KB
ui.jqgrid.css 17KB
ui.jqgrid.css 17KB
_all.css 14KB
layer.css 14KB
_all.css 14KB
layer.css 14KB
layer.css 14KB
_all.css 12KB
laydate.css 8KB
awesome.css 8KB
index1.css 6KB
metroStyle.css 6KB
zTreeStyle.css 6KB
bootstrap-table.min.css 6KB
layer.css 5KB
layer.css 5KB
style.css 3KB
style.css 3KB
style.css 3KB
purple.css 2KB
yellow.css 2KB
orange.css 2KB
green.css 2KB
pink.css 2KB
blue.css 2KB
grey.css 2KB
aero.css 2KB
red.css 2KB
line.css 2KB
reset.css 2KB
icheck.css 2KB
purple.css 1KB
orange.css 1KB
yellow.css 1KB
purple.css 1KB
orange.css 1KB
yellow.css 1KB
green.css 1KB
green.css 1KB
pink.css 1KB
blue.css 1KB
grey.css 1KB
aero.css 1KB
pink.css 1KB
blue.css 1KB
grey.css 1KB
aero.css 1KB
red.css 1KB
red.css 1KB
minimal.css 1KB
polaris.css 1KB
square.css 1KB
purple.css 1KB
orange.css 1KB
yellow.css 1KB
green.css 1KB
pink.css 1KB
blue.css 1KB
grey.css 1KB
aero.css 1KB
futurico.css 1KB
red.css 1KB
flat.css 1KB
jquery.treegrid.css 1KB
main.css 1KB
main.css 1KB
code.css 1KB
reset.css 773B
ui.jqgrid-bootstrap-ui.css 662B
ui.jqgrid-bootstrap-ui.css 662B
typography.css 0B
Dockerfile 134B
Dockerfile 132B
.editorconfig 147B
fontawesome-webfont.eot 162KB
fontawesome-webfont.eot 162KB
iconfont.eot 51KB
glyphicons-halflings-regular.eot 20KB
glyphicons-halflings-regular.eot 20KB
.eslintignore 35B
main.gif 2.27MB
calendar.gif 255KB
loading.gif 47KB
59.gif 10KB
22.gif 10KB
共 1033 条
- 1
- 2
- 3
- 4
- 5
- 6
- 11
资源评论
专家大圣
- 粉丝: 2073
- 资源: 7730
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- Java项目设计资源指南
- C#项目设计资源基础指南
- 全桥LLC开关电源,单片机TMS320F28034 硬件原理图,开环仿真模型,控制源代码,主拓扑硬件计算
- 智航24级51单片机学习.zip
- 基于ISWT的OFDM系统设计仿真案例 matlab源代码 代码有详细注释,完美运行
- 主动道避撞控制:基于五次多项式的道轨迹规划方法 首先,通过计算紧急转向避撞的临界纵向安全距离,确定五次多项式起点 基于此,建
- Python项目设计资源指南
- OFDM UWB系统基于训练序列的同步算法 matlab源代码 代码有详细注释,完美运行
- comsol能带复现六角晶格光子晶体四重简并狄拉克点零折射率
- IMG_20241003_210840.jpg
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功