簡介

transformjs在非react領域用得風生水起,那么react技術棧的同學能用上嗎?答案是可以的。junexie童鞋已經造了個react版本。

動畫實現方式

傳統(tǒng) web 動畫的兩種方式

  1. 純粹的CSS3 :如:transition/animation+transform(大名鼎鼎的animate.css)

  2. JS + CSS3 transition或者animation:這里第一種一樣,只是通過js里add class和remove class去增加或者移除對應的動畫

  3. 純粹JS控制時間軸:第一和第二種都是自帶時間軸,使用 setInterval / setTimeout / requestAnimationFrame 不斷地修改 DOM 的 style 屬性產生動畫

網友評論