讯:视差滚动特效的出现稍晚于web响应式技术。或者说是web响应式的技术过于火热盖过了视差滚动效果的势头。视差滚动是一个新词,很多人不知道是什么效果。但是你平时一定见过。当我们看到一个网页在下拉的过程中,页面的元素往往会不断的呈现动画效果。蓝狮注册这个就是视差滚动了。下面介绍10款视差滚动特效以及教程。能够帮助你更好的了解什么是视差滚动效果。
Parallax Slider
这个插件可以帮助你创建景深还有滑动效果。
Javascript Parallax Effects (A Deeper Look)
这个教程教你如何创建景深
Behind the Scenes of Nike Better World
这个简短的教程讲述了如何创建类似 Nike Better World 的网站。
Build a parallax scrolling website interface with jQuery and CSS
一系列的demo
Create a Funky Parallax Background Effect Using JQuery
添加滚动云的教程
Animated Header Background
带动画效果的页头
Parallax Scrolling Tutorial
这个教程很有趣,你在阅读的同时能看到效果。
JQuery Image Prallax
这个插件通过重复和动画创建景深的错觉。
Stellar.js
这个jQuery插件为任何可以滚动的元素提供滚动效果。
Curtain.js
这个插件可以创建落地窗帘的升起效果。
结语:视差滚动和web响应式布局都是不断涌出的新技术。蓝狮官网我们要不断的学习还能够跟进新技术,把新技术带来的用户体验带给我们的每一个用户。
标签:视差滚动
0 Comments