Greensock JavaScript動(dòng)畫教程
Greensock JavaScript動(dòng)畫教程
升級(jí)你的前端技能
課程英文名：Master JavaScript Animations with Greensock
此視頻教程共10.0小時(shí)，中英雙語(yǔ)字幕，畫質(zhì)清晰無(wú)水印，源碼附件全
下載地址
課程編號(hào)：311百度網(wǎng)盤地址：https://pan.baidu.com/s/11fq7xpyK2GWhU4P3M1FryQ?pwd=5f0c
課程內(nèi)容
你將會(huì)學(xué)到的
JavaScript 動(dòng)畫
CSS 動(dòng)畫
使用 GreenSock 動(dòng)畫庫(kù)
滾動(dòng)動(dòng)畫
如何建立時(shí)間線
ETC ...
說明
前端開發(fā)是一個(gè)奇妙的世界，但很快就很難掌握所有不同的技能以在該行業(yè)中大放異彩。
不要再害怕了！我是來(lái)幫你的。
在本課程中，我們將探索如何使用最好的庫(kù)構(gòu)建令人驚嘆的 JavaScript 動(dòng)畫：GreenSock！
十多年來(lái)，這個(gè)圖書館一直在為世界提供一些很好的工具來(lái)推動(dòng)創(chuàng)造力的極限。
您實(shí)際上在該領(lǐng)域找不到更好的工具，它強(qiáng)大、安全、可靠且非常豐富。
使用 GreenSock，我們可以：
使用三個(gè)核心補(bǔ)間動(dòng)畫元素（動(dòng)畫）
使用他們可愛的 ScrollTrigger 插件在 Scroll 上制作動(dòng)畫
創(chuàng)建時(shí)間線或"動(dòng)畫容器"，我喜歡這樣稱呼它們
使用大量實(shí)用的屬性和方法
使用隨機(jī)值、關(guān)鍵幀、交錯(cuò)效果、豐富的緩動(dòng)等為每個(gè)網(wǎng)頁(yè)元素設(shè)置動(dòng)畫......
使用位置參數(shù)創(chuàng)建一些復(fù)雜的序列
我們還可以將 GSAP 與 canvas、three.js、Barba.js 和所有著名的動(dòng)畫庫(kù)一起使用。
最后，我們可以在 vanilla JS 或所有主要的 JS 框架中使用它
我準(zhǔn)備了一個(gè)文件夾來(lái)學(xué)習(xí)本課程，其中包含三個(gè)子文件夾：
我們將使用一個(gè)沙箱來(lái)發(fā)現(xiàn)和使用不同的方法和屬性。
一個(gè) Scroll Animation 沙箱，發(fā)現(xiàn)全新的 ScrollTrigger 插件
最后是一個(gè)項(xiàng)目文件夾，其中包含所有源代碼和啟動(dòng)文件
聽起來(lái)很有趣不是嗎？
另一邊見，開始編碼。??
此課程面向哪些人：
前端學(xué)生
網(wǎng)頁(yè)設(shè)計(jì)師
網(wǎng)絡(luò)開發(fā)愛好者
