`
zzc1684
  • 浏览: 1214168 次
  • 性别: Icon_minigender_1
  • 来自: 广州
文章分类
社区版块
存档分类
最新评论

30个让人兴奋的视差滚动(Parallax Scrolling)效果网站

阅读更多

  视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。作为今年网页设计的热点趋势,越来越多的网站应用了 这项技术。今天这篇文章就与大家分享30个视差滚动效果的网页设计作品,一起欣赏(以拖动滚动条方式浏览效果更佳)。

01. Cymetriq

 

 

02. Ludwings

 

 

03. Intac to 10 Years

 

 

 

04. Besser Leben Mit Lehm

 

 

05. Interaktiva Online

 

 

06. Shelton Fleming

 

 

07. Werbeagentur Kopfnuss

 

 

08. Grab & Go

 

 

09. Pixel Baecker

 

 

10. Slavery Foot Print

 

 

11. Dylan Baskind

 

 

12. Guilhermegarcia

 

 

13. David Wadach

 

 

14. Brand Berry

 

 

15. Zeitgeistbot

 

 

16. Soup

 

 

17. Ahsx

 

 

18. Half Circle

 

 

19. Rtraction

 

 

20. Swetha Portfolio

 

 

21. Marlene Portfolio

 

 

22. Neotokio

 

 

23. We Run Mexico

 

 

24. Pioneer

 

 

25. Loyeti

 

 

26. Illustion Tank

 

 

27. Paretria

 

 

28. Mcube

 

 

29. 5b Net

 

 

30. Jibe Visuals

 

您可能还喜欢

 

 

英文链接:Mind Blowing Parallax Scrolling Effect Websites

编译来源:梦想天空 ◆ 关注前端开发技术 ◆ 分享网页设计资源

分享到:
评论

相关推荐

    10个优秀视差滚动插件

    视差滚动(Parallax Scrolling)是一种网页设计技术,它通过让背景图像以不同的速度移动,来创造出一种深度感和立体感,使用户在浏览网页时有更丰富的视觉体验。这种效果通常应用于单页网站或者长滚动页面,以增强...

    视差滚动parallax插件.zip

    在本压缩包"视差滚动parallax插件.zip"中,包含了实现这一效果的相关资源,适用于那些希望通过JavaScript和CSS来实现视差滚动的前端开发者。 首先,让我们详细了解一下视差滚动的核心概念。视差滚动基于浏览器的...

    JS视差滚动插件Parallax

    总之,Parallax插件是一个强大且灵活的工具,能帮助开发者轻松实现视差滚动效果,为网页增添动感与深度,从而提升用户体验。无论是新手还是经验丰富的开发者,都可以通过深入学习和实践,将这一技术应用于自己的作品...

    视差滚动parallax插件特效代码

    视差滚动(parallax scrolling)是一种在网页设计中广泛使用的...总之,视差滚动parallax插件是提升网页设计动态效果的有效工具,通过合理的使用和配置,可以创造出独特的视觉体验,增加用户对网站的停留时间和互动度。

    支持视差滚动的ScrollView

    然而,为了提供更丰富的用户体验,有时我们需要自定义`ScrollView`以实现一些特殊效果,比如视差滚动(Parallax Scrolling)。视差滚动是一种设计手法,当用户滚动页面时,不同元素以不同的速度移动,从而产生深度感...

    带有滚动视差的ScrollView

    然而,要实现更丰富的视觉效果,如“滚动视差”(Parallax Scrolling)效果,就需要对ScrollView进行一些定制。滚动视差是一种设计手法,通常在游戏或移动应用中使用,背景元素以较慢的速度移动,与前景元素形成视觉...

    ParallaxScrollingDemo

    2. **视差滚动(Parallax Scrolling)**: 视差滚动是通过调整不同层元素在滚动时的速度差异,来模拟3D空间中的深度感。在Android中,开发者可以通过自定义PageTransformer或者在适配器中处理视差效果。...

    六款帮助你实现惊艳视差滚动效果的jQuery插件

    在网页设计中,视差滚动(Parallax Scrolling)是当下流行的网页设计技术,通过让多层背景以不同的速度或者不同的方向移动来形成非常有趣的 3D 运动效果。下面是一些运用视差滚动效果的优秀网页案例: 视差...

    efeito-parallax:使用视差效果创建一个网页,其中概述了曼达洛里亚诺系列的主要特征

    在网页设计领域,视差滚动(Parallax Scrolling)是一种流行的特效,它可以为用户带来深度感和动态体验,使得网站的交互性和视觉吸引力显著提升。本文将深入探讨如何利用视差效果来创建一个关于《曼达洛人》(The ...

    jQuery-parallax-scrolling:一个jQuery插件,可将视差滚动添加到您的网站

    视差滚动一个jQuery插件,可将视差背景滚动添加到您的网站。 获得最高性能的技术是受网站启发的,该网站上的元素被复制并固定在文档中。 借助此技术,滚动时不会出现闪烁的图像。安装在<head> jquery....

    用视差滚动写的母亲节祝福(html 代码)

    视差滚动(Parallax Scrolling)是一种网页设计技术,通过让背景图像以不同的速度移动,创造出深度感和立体感,从而为浏览者带来独特的视觉体验。这种效果通常用于增强故事叙述、创造沉浸式浏览环境或提升网站的艺术...

    mbawebsite_parallax_scrolling:MbA 网站作为使用滚动条的视差网站

    **标题解析:** "mbawebsite_parallax_scrolling" 是一个项目名称,表明这是一个关于创建一个使用视差滚动效果的MBA(可能是工商管理硕士)网站。视差滚动是一种网页设计技术,它使得背景图像在用户滚动页面时以较慢...

    UITableView 实现滚动视差

    滚动视差(Parallax Scrolling)是一种视觉效果,当用户滚动界面时,背景元素以较慢的速度移动,与前景元素形成差异,从而创造出深度感和动态美感。这种效果在许多现代应用中都可以看到,比如Instagram、Facebook等...

    Parallax:你练习视差效果

    视差滚动(Parallax Scrolling)是一种在网页设计中广泛应用的视觉效果,通过创建背景元素以不同的速度移动,营造出深度感和立体感,从而提升用户体验。这种效果常用于增强故事叙述,吸引用户探索网页内容。在本教程...

    html5海贼王单页视差滚动特效.zip

    这种效果在网页设计中被称为“视差滚动”(Parallax Scrolling),它能够提升用户的浏览体验,使网站更加引人入胜。 首先,我们来深入了解HTML5在这个特效中的作用。HTML5是超文本标记语言的第五个版本,它的引入为...

    swift-基于Ole的Objective-C实现在Swift中进行视差滚动

    在Swift编程语言中,视差滚动(Parallax Scrolling)是一种流行的设计效果,它通过让背景元素以不同的速度相对于前景元素移动,来增加用户界面的深度感和动态性。这种技术常见于移动应用和网页设计中,特别是滚动...

Global site tag (gtag.js) - Google Analytics