BounceBar

今天經由 Awwwards 看到「メカクシティアクターズ」公式サイト這個網站,覺得它底下科技感十足的彈跳 bar 還蠻炫目的,就心血來潮做了一個類似的。

JS Bin

其實說穿了很簡單,先把容器.bouncebar.indactor的樣式做好,速度、長度參數用data-*方式傳遞給 javascript 來控制,每一個 frame 指定.indicatorleft屬性即可讓它左右移動。