各種變化融合其中，但是動畫效果十分流暢。

和滾條聯(lián)動的右上方的菜單導(dǎo)航也十分可愛。

滾條的聯(lián)動自不必說，幾處canvas構(gòu)成的動畫效果也十分出色。

各section上下重疊，而內(nèi)容的結(jié)構(gòu)也配合的十分完美。

在YouTube每上傳1小時(shí)的動畫，就增加1秒鐘，相應(yīng)的宇宙空間站的旋轉(zhuǎn)就會動態(tài)增加。

將天空之樹的高度用縱高的頁面予以表現(xiàn)。

滾動滾條時(shí)，一個頭發(fā)是星星狀的女孩子會緊隨左右。這女孩是誰呀。。。

把色彩的力量帶到文章中來。

網(wǎng)頁制作公司ora的2013年度應(yīng)屆生招聘站點(diǎn)。

是從頁面的最下方開始往上滾動。而背景從地球變成了宇宙

高度綠色節(jié)能的未來摩托廁所“Toilet Bike NEO”的站點(diǎn)。

我的房間里廁所浴室都在一起，因此我對這款設(shè)計(jì)十分欣賞。

仔細(xì)看，很多細(xì)節(jié)部分也有動畫效果，十分可愛。

很多要素都在運(yùn)動，但是效果十分流暢。

從未看到過這種風(fēng)格的網(wǎng)站，因此他們的視差效果的品質(zhì)十分上乘。

不僅僅是滾輪效果，各種動畫也十分完美。

個人來說，比較喜歡站點(diǎn)的配色和插圖。

是一個表現(xiàn)Web技術(shù)和瀏覽器歷史的站點(diǎn)。

橫滾也好，縱滾也罷，頁面都可以隨意進(jìn)展。

內(nèi)容的用戶體驗(yàn)也做得很好，是一個很不錯的站點(diǎn)。

通過滾輪使得頁面可以以3D景深的方式推進(jìn)

貌似他們安裝了CSS3的“transform: translate3d”

和上面的網(wǎng)站一樣，這個也是景深推進(jìn)的站點(diǎn)。

既不是縱向，也不是橫向，是景深滾動。

“景動？！”

不僅僅是景深滾動，各處出現(xiàn)的效果令你詫異html+javascript居然可以有這樣的效果。

上下循環(huán)滾動以推進(jìn)頁面的站點(diǎn)。

從未見過如此的創(chuàng)意！

自動滾動使照片變化的手法十分有趣。

你可以一直眺望景色。

站點(diǎn)右上的banner點(diǎn)擊后，有一個大魔王會占據(jù)整個頁面。

Meffilasquest就開始了。

這有點(diǎn)像站點(diǎn)中的抽獎板塊，但是制作上絲毫不含糊。

點(diǎn)擊導(dǎo)航后，頁面開始移動。

頁面的上下會出現(xiàn)手腕，以此來移動頁面。

滾動滾條后，照片里面的物件開始運(yùn)動。

滾動滾條后，果汁自動減少，十分有趣。

因?yàn)槭褂昧恕竝osition: fixed」，因此中央的畫不用js都可以動起來。

電梯部分用「position: fixed」固定，因此沒有js也可以讓電梯運(yùn)動。

這個頁面只是用到了css哦！

向下滾動后，所有的部件會集合起來。

然分散的部件可以拖動。

雖然只是一個tease網(wǎng)站，但是制作十分精良。

滾動滾輪，可以讓一張背景動起來，簡單卻有趣。

滾動滾輪，批薩上的芝士自動融化，

另外也用到了許多視差效果，看起來很熱鬧呢。

新功能飲料“Raizin”的品牌宣傳站點(diǎn)。

通過縱向滾輪可以不斷不斷往上的站點(diǎn)構(gòu)成。

隨著滾輪滾動，主人公會朝下走動，使用javascript實(shí)現(xiàn)。

在里面介紹的一個示例站點(diǎn)，由HTML5編寫，是我們公司在運(yùn)營的，“jsdo.it”可以通過

下面的URL來下載哦。