-1
我試圖用Javascript來複制像https://stripe.com/about上的面部。Javascript條紋關於我們的面孔
我試圖使用jQuery做出這個更基本的版本,但甚至不能開始,我希望有人能指導我在正確的方向?
我試圖用Javascript來複制像https://stripe.com/about上的面部。Javascript條紋關於我們的面孔
我試圖使用jQuery做出這個更基本的版本,但甚至不能開始,我希望有人能指導我在正確的方向?
他們可能會用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。顯然這需要大量的清理和一些條件來防止重疊等,但這應該足以讓你走上正確的道路
有什麼問題嗎? –
對不起,我不是很清楚,我已重申。 – dthms
@dthms _「我試圖用jQuery來製作這個更基本的版本」_可以包含'html','css','js'試試問題嗎?另請參閱http://stackoverflow.com/questions/33372533/random-keyframe-positions-every-iteration-to-create-falling-matrix-code/ – guest271314