分享14个超酷的视差滚动效果网站

原创 2012年03月31日 15:05:04

日期:2012-3-31  来源:GBin1.com

Javascript视差滚动特效最早出现的时候使用多个不同的透明PNG背景图片叠放来实现,如果我们移动鼠标,将会以不同的速度移动不同层次上 的图片,产生层次感效果。现在随着javascript的技术发展,我们使用更加富有创意的方式来实现视差滚动效果,我们触发一系列不同的动画产生超酷的 视差滚动特效,为了给大家展示不同的实现方式,我们这里收集了14个超棒的视差滚动网站和演示,希望大家喜欢!

OK-Studios

OK-Studio

Bepeve In

Bepeve In

Nike AirJordan 12

Nike AirJordan 12

Krystalrae

Krystalrae

Adventure World

Adventure World

Kryptis

Kryptis


原文来源:分享14个超酷的视差滚动效果网站

视差滚动效果

视差滚动
  • DeepLies
  • DeepLies
  • 2017年08月03日 20:13
  • 615

页面滚动视差效果的实现

0x01今天在http://materializecss.com/发现一个视差滚动的例子,想自己实现一下视差效果。打开例子0x02思路首先呢,我们可以选择监听scroll和mousewheel事件,说...
  • larry011
  • larry011
  • 2016年02月05日 14:44
  • 651

纯CSS视差滚动

参考旭哥的:http://www.zhangxinxu.com/wordpress/2015/03/css-only-parallax-effect/
  • u010552788
  • u010552788
  • 2016年07月19日 19:23
  • 657

视差滚动(Parallax Scrolling)效果的原理和实现(转)

视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。作为今年网页设计的热点趋势,越来越多的网站应用了这项技术。 可以先看看效果:...
  • wangji5850
  • wangji5850
  • 2016年03月29日 13:12
  • 2636

如何创建视差滚动效果页面

1.什么是视差滚动效果? 视差滚动(Parallax Scrolling)是指网页在多层背景下以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。 2.如何实现视差滚动效...
  • sinat_27240687
  • sinat_27240687
  • 2017年03月28日 19:53
  • 432

Android 视差滚动控件

今天看到一个视差滚动控件,觉得挺好的,于是自己动手写了一个。
  • yxz329130952
  • yxz329130952
  • 2014年09月25日 21:18
  • 4849

android图片视差滚动效果

android图片视差滚动
  • qq_22979925
  • qq_22979925
  • 2016年06月17日 12:24
  • 996

实现知乎 Android 客户端启动页视差滚动效果

http://ryanhoo.github.io/blog/2014/07/16/step-by-step-implement-parallax-animation-for-splash-screen...
  • kufeiyun
  • kufeiyun
  • 2014年12月15日 18:36
  • 4346

视差滚动原理及实现

作为一种优雅酷炫的页面展示的方式,视差滚动(Parallax Scrolling)正受到越来越多前端设计师的宠爱,优设的2014年网页设计趋势中依然能够看到它的影子,所以我们不得不来好好研究下视差滚动...
  • whqet
  • whqet
  • 2014年03月04日 14:48
  • 5146

OCiOS动效设计:UITableView 实现滚动视差效果

前言最近在使用‘悦跑圈’这个App,其‘跑鞋展厅’功能的滚动视差效果深深地吸引了我,在网上搜罗了大量的资料,如下,我将仿照该效果简单介绍实现方法。效果演示细节实现OffsetImageCell.m- ...
  • Hierarch_Lee
  • Hierarch_Lee
  • 2016年05月06日 22:26
  • 3737
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:分享14个超酷的视差滚动效果网站
举报原因:
原因补充:

(最多只允许输入30个字)