視差滾動（Parallax Scrolling）是新興的網頁設計技術，通過讓多層背景以不同的速度移動來形成立體的運動視差效果，雖然純屬視覺效果，但在內容滾動時形成的視覺體驗非常出色！今天這篇文章就與大家分享35個運用視差滾動效果的網頁設計作品，一起欣賞（以拖動滾動條方式瀏覽效果會更佳 ...

　　這篇文章收集了35個具有立體動感效果的視差滾動網頁設計作品分享給大家。視差滾動（Parallax Scrolling）是指讓多層背景以不同的速度移動，形成立體的運動效果，帶來非常出色的視覺體驗。作為今年網頁設計的熱點趨勢，越來越多的網站應用了這項技術，一起欣賞（拖動滾動條方式瀏覽效果佳 ...

　　你可能已經注意到有些網站的頁面元素在滾動條拖動的時候回以不同的速度運動，形成一幅立體的場景。這種被稱為視差滾動（Parallax Scrolling）的技術日益流行起來，越來越多的網站通過在網頁中運用這項技術來吸引用戶，讓用戶在拖動滾動條的時候更加有趣。下面分享的這些網站都是運用視差滾動效果 ...

　　今天的《優秀前端教程》給大家帶來的是一組扁平風格的 3D 進度按鈕樣式，其中的按鈕本身作為一個進度指示器。3D 樣式是用於在按鈕的一側展示j進度。需要注意的是，這些效果都是借助於在偽元素上使用過渡特效，因此在某些瀏覽器（如 Safari 和移動 Safari 瀏覽器等）不支持。 您可能感 ...

　　有許多有趣的網站類型，其中之一是視差技術，也被稱為視差滾動（Parallax Scrolling）。在網頁設計中，視差滾動是當下流行的網頁設計技術，通過讓多層背景以不同的速度或者不同的方向移動形成 3D 運動效果，有很強的視覺沖擊力。下面你看到的20個網站案例是基於視差滾動技術實現 ...

　　國內的大學網站都設計得千篇一律，古老的表格式框架布局，直來直去的排版，還有悲劇的是好多大學的網址只能在IE中瀏覽，其它瀏覽器里就錯亂了。今天這篇文章和大家分享20個國外大學網站設計欣賞，其實大學網站一樣可以設計得很藝術，很精美。 Biola Undergrad Bates ...

　　大的背景圖像已經成為了今年網頁設計的趨勢。在圖像排布文本和按鈕並很好的搭配相當具有挑戰性。因此，設計師使用創意的 Photoshop 濾鏡和漸變來在圖像上創建一個遮罩，並在其上放置其他的網頁設計元素。這種新鮮的設計給網站帶來獨特的光澤。 　　在此，我把在網頁設計中應用創意的顏色濾鏡的20 ...

　　使用 HTML5 和 CSS3，我們能夠在瀏覽器中創建更有趣和更吸引眼球的效果。其中，視差滾動（Parallax Scrolling）就是這樣的效果之一。這種技術通過在網頁向下滾動的時候，控制背景的移動速度比前景的移動速度慢來創建出令人驚嘆的3D效果。 　　第一個視差滾動效果的網站是由伊恩 ...