取悦你的观众:10个视差滚动效果和教程

随着技术的不断发展,3D效果,HD技术的成熟,越来越多的人希望能有更加生动、现实的视觉体验。这种需求也在 Web 领域越来越强烈。这篇文章介绍了10种视差滚动效果和教程,以帮助你取悦你的观众 :)

Parallax Slider

这个插件可以帮助你创建景深还有滑动效果。
Parallax Slider

Javascript Parallax Effects (A Deeper Look)

这个教程教你如何创建景深
Javascript Parallax Effects (A Deeper Look)

Behind the Scenes of Nike Better World

这个简短的教程讲述了如何创建类似 Nike Better World 的网站。
Behind the Scenes of Nike Better World

Build a parallax scrolling website interface with jQuery and CSS

一系列的demo
Build a parallax scrolling website interface with jQuery and CSS

Create a Funky Parallax Background Effect Using JQuery

添加滚动云的教程
Create a Funky Parallax Background Effect Using JQuery

Animated Header Background

带动画效果的页头
Animated Header Background

Parallax Scrolling Tutorial

这个教程很有趣,你在阅读的同时能看到效果。
Parallax Scrolling Tutorial

JQuery Image Prallax

这个插件通过重复和动画创建景深的错觉。
JQuery Image Prallax

Stellar.js

这个jQuery插件为任何可以滚动的元素提供滚动效果。
Stellar.js

Curtain.js

这个插件可以创建落地窗帘的升起效果。
Curtain.js

 

原文链接OSChina.NET 原创编译