這個(gè)...看了題主的demo，我是很汗顏啊，目前我的每天的"勞動(dòng)"就是：切圖，對(duì)接口...循環(huán)下去（我懷疑我是個(gè)假前端）。
但是在項(xiàng)目經(jīng)歷中，還是偶爾會(huì)遇到某些動(dòng)效需求，而大多數(shù)情況下（這個(gè)以動(dòng)效的實(shí)現(xiàn)難度為準(zhǔn)吧），是自己隨便寫寫，遇到復(fù)雜的，難搞定的，就上插件。
其實(shí)在解決問題的過程中，也會(huì)有題主這樣的疑惑：
我的看法，如何提高動(dòng)效實(shí)現(xiàn)，還能有比引入插件或者某個(gè)庫更快捷的？但是目前沒有任何一個(gè)庫或者插件能夠勝任你自己的每一個(gè)項(xiàng)目或者需求。所以，我的看法，且目前的做法也是如此：
結(jié)合自己的項(xiàng)目需求，自己造一個(gè)動(dòng)效庫吧

首先產(chǎn)品(項(xiàng)目)有這樣的動(dòng)效 你只能去一步一步實(shí)現(xiàn)
看你的demo 如果純前端去css寫的js完善的話 可能沒有這么平滑,看的讓人舒服這些個(gè)效果
我看你的demo應(yīng)該是底層語言實(shí)現(xiàn)的