2016-02-12 56 views
-1

我試圖用Javascript來複制像https://stripe.com/about上的面部。Javascript條紋關於我們的面孔

我試圖使用jQuery做出這個更基本的版本,但甚至不能開始,我希望有人能指導我在正確的方向?

+0

有什麼問題嗎? –

+0

對不起,我不是很清楚,我已重申。 – dthms

+1

@dthms _「我試圖用jQuery來製作這個更基本的版本」_可以包含'html','css','js'試試問題嗎?另請參閱http://stackoverflow.com/questions/33372533/random-keyframe-positions-every-iteration-to-create-falling-matrix-code/ – guest271314

回答

1

他們可能會用CSS keyframe animations來完成所有的工作,但如果你想快速複製功能,我建議尋找一個動畫框架,如greensock。隨着你使用GreenSock創建動畫的能力,將無限期地繼續這樣,再加上懸停等暫停

基本使用GreenSock語法很簡單,看起來像這樣:

var moveinner = TweenMax.to(document.querySelector('.inner'), 30, { 
    left: "-=300", 
    ease: Power0.easeOut, 
    repeat: -1, 
    yoyo: true 
}) 

這裏是一個非常快速和Greensock可以接近這種類型的功能的髒demo。顯然這需要大量的清理和一些條件來防止重疊等,但這應該足以讓你走上正確的道路