簡介
transformjs在非react領(lǐng)域用得風(fēng)生水起,那么react技術(shù)棧的同學(xué)能用上嗎?答案是可以的。junexie童鞋已經(jīng)造了個(gè)react版本。
動(dòng)畫實(shí)現(xiàn)方式
傳統(tǒng) web 動(dòng)畫的兩種方式:
純粹的CSS3 :如:transition/animation+transform(大名鼎鼎的animate.css)
JS + CSS3 transition或者animation:這里第一種一樣,只是通過js里add class和remove class去增加或者移除對應(yīng)的動(dòng)畫
純粹JS控制時(shí)間軸:第一和第二種都是自帶時(shí)間軸,使用 setInterval / setTimeout / requestAnimationFrame 不斷地修改 DOM 的 style 屬性產(chǎn)生動(dòng)畫