greensock

0熱度

1回答

我正在嘗試使用TransitionGroup和TweenMax動畫自定義模態組件。要了解模態的結構，請考慮以下的假設，僞結構： <Container> <Content> // modal contents in here... </Content> <Overlay/> </Container> 我想<Container>淡入和<Content>在從

0熱度

1回答

GSAP破時間表

我做我的代碼中一些基本的錯誤，請看看我的codepen。您會在結果標題/副標題中看到空洞，並在結尾處顯示兩個關閉鏈接。但我希望看到一些表單/營銷的東西，我稱之爲.js-main-boxies和隱藏的div類.js-cta-form1和.js-cta-form2。我的時間軸默認是暫停的，所以問題是爲什麼我看到破損的版本和不正確的版本？筆沒有CSS，所以問題不能在這。當你刪除時間線tlMeetingF

0熱度

1回答

如何獲得Greensock CustomEase與打字稿一起使用？

我正在用pixijs和greensock（或者它是gsap？）爲所有補間創建一個使用打字稿的遊戲。我遇到了一種情況，我需要用立方貝塞爾曲線進行一些定製放鬆。如果您創建了一個帳戶，Greensock擁有一個您可以獲得的customease文件，這是我所做的。但該文件沒有打印機定義。我不知道如何將這個CustomEase.js文件合併到我的應用程序中，而不需要類型def文件。我嘗試使用這個https

0熱度

1回答

如何交錯和時間表在GSAP

結合試圖acheive交錯淡出滑塊在http://css3.bradshawenterprises.com/cfimg/#cfimg3使用GSAP，我能夠做動畫一張幻燈片不能用於其他幻燈片做，基本上很難合併時間表並錯開代碼筆：https://codepen.io/shmdhussain/pen/MvjEom' // instantiate TimelineMax const tl = n

0熱度

1回答

Safari瀏覽器沒有使用綠色環保sgg動畫gif

我有一個svg，它有一個面具圖像，圖像是一個動畫gif。我然後使用TweenlineLite在屏幕上移動它。這在除Safari之外的所有瀏覽器中都可以正常工作。在safari中，它在屏幕上動畫，但動畫GIF不起作用！但是，如果我將svg的初始位置更改爲屏幕上的gif動畫。任何想法這個safari bug是什麼？這裏是我發現瞭解決此問題/錯誤的一種方式的代碼codepen var raven =

-1熱度

2回答

jQuery - .css（'transform'）在Chrome瀏覽器中返回的值不是Chrome/Firefox

作爲一個背景，我使用Greensock的Draggable來移動y軸上的對象與transform:translate3d屬性。但是，當我呼籲移動對象返回.css('transform')時，IE中返回的值與Chrome/Firefox返回的值不同。例如，Chrome/Firefox返回matrix(1, 0, 0, 1, 0, 5)，而IE返回matrix3d(1, 0, 0, 0, 0, 1

0熱度

2回答

jQuery淡入/淡出 - 從選定項目中刪除動畫

我正在使用jQuery和Greensock創建一個包含相關內容的菜單。當用戶第一次點擊菜單項時，我使用Greensock觸發初始動畫。之後，我使用jQuery的fadeIn/fadeOut函數顯示/隱藏內容。菜單項和內容使用數據屬性進行鏈接。下面是一些例子HTML： <div class="wrapper"> <div class="list-outer"> <ul cla

0熱度

1回答

如何在GSAP和ScrollMagic中設置底部和不透明屬性的動畫效果？

使用下面的代碼，我可以錯開動畫位置並淡入文本。但是我想要完成的是移動，淡入，，然後在滾動結束時淡出所有複製回0。所以移動工作正常。我只想讓相同的<p>標籤淡入，然後通過滾動結束返回。 // init controller to hold all commands/animations const controller = new ScrollMagic.Controller({ addIndic

0熱度

1回答

在GreenSock中堆棧「transform：translateY」值？

我剛剛遇到這個奇妙的產品，並意識到這正是我需要的！我有一個巨大的圖像是窗口大小的x倍，所以我想滾動到按鈕點擊的最底部。我會喜歡這個CSS這樣做： @keyframes { to { transform: translateY(-100%) translateY(100vh); } } 事實證明這是在CSS中跨瀏覽方式，而不是： transform: trans

0熱度

1回答

如何根據數據屬性播放最大綠色時間軸

目前我沒有在綠色論壇上得到答案。我有一個搜索欄，它應該通過點擊一個圖標來展開，然後再次關閉，當點擊正文的任何地方時，但只有當搜索欄被展開時。當我打開我面臨關閉動畫兩個問題搜索欄：（1）當我的身體元素上點擊而關閉動畫正在運行的關閉動畫被重置了。（2）即使搜索欄未展開，關閉動畫也會運行。我試圖通過向不同狀態的容器添加一個數據屬性來解決這個問題（open，true/false），但不知何故它