网页视差滚动效果欣赏

2017-01-20 13:52 118 1 收藏

视差滚动是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。利用视差滚动展示在网站中，带来立体感。比起单纯的图片，更能吸引用户。下面我们来欣赏下国外的20个网页视差滚动效果设计吧。

【 tulaoshi.com - 网页】

　　TCM Summer Under the Stars

TCM Summer Under the 网页视差滚动效果欣赏Stars movie animated css parallax scrolling

　　TEDxGUC

　　aBenção – Malhas e Tricots Criativos

　　WAAAC

　　De Might of Mister Miller

　　Negative Space

　　Anthelios SPF Sunscreen

　　InfoQuest Infographic

　　Reunite the River

　　Fillet

　　Eone

　　Beatbox Academy

　　Discover Shadow

　　This is Now

　　Sam Markiewicz

　　Erős Balázs

　　Le Tour de France

　　Pi’s Epic Journey

　　Scroll For Your Health

　　更多推荐：如何做超炫的网页设计

来源:http://www.tulaoshi.com/n/20170120/2609272.html

看过《网页视差滚动效果欣赏》的人还看了以下文章更多>>

20个创意十足的网页视差效果设计欣赏

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

最近大家伙越来越关注视差滚动的网页了，很多同学都在四处寻找相关的案例来赏析学习。此前我们也分享过相关的制作教程及文章。那么今天我们继续推荐20个创意十足的视差滚动酷站，希望能为你的案例带来灵感，强烈推荐收藏。 Beatbox Academy Discover Shadow This is Now Sam Markiewicz Erős Balázs Le Tour ...

FLASH实现滚动条+网页书签效果

标签： flash教程

第一步：场景中的元素因为这一步主要是在场景中加入文字和图片，大家可以下载源文件后用FLASH打开自己研究，这里就不详细介绍各元素的画法了。点击下载FLA源文件关于场景中的元素，这里要说清楚的是各个MovieClip(影片剪辑，以下简称mc）的命名，如下图所示(注：这里说的命名，是指把mc放到场景中后在Properties<属性面板中的命名，而不是...

网页高手-玩转网页滚动条

标签： Web开发

网页滚动条本身就是浏览器的一部分，使用它可以方便浏览较大的网页，但是千篇一律的它经常会给整体页面效果拖了不少后腿，我们能不能改变它灰灰的样子呢？能！俗话说：“只有你想不到的，没有做不到的。” 给滚动条换色 FRA 几乎所有网页的滚动条都是默认的灰色，如果把它的颜色换换，来点另类的，相信一定会使网页更加靓丽。我们只...

时尚精致的单页滚动类网页设计欣赏

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

单页滚动也算是目前网页设计中一个独立的类别了，导航、菜单等网页元素的设计也有一套独特的手法。极简风的导航栏设计其实算不上太多，毕竟导航栏的部分应该是包罗万象并且常驻页面的。而汉堡菜单的存在让导航具备了更优秀的隐藏性，摆脱了滚动条、分页和复杂的下拉框，让页面更整洁，为视觉设计留下更大的空间，留住了用户。另外非常值得注...

js滚动效果