Introduction

Welcome to css-vfx, a collection of components and code examples that illustrate the power of CSS Visual Effects.

Try out the demos, take a look at the source, and have fun! -- Charles Ying

CSS Effect 1: Cover Flow (zflow)

iPhone Safari Demo - using flickr "interesting" photos feed

How zflow is built - Includes comments on setup, reflections, performance, inertia, etc.

CSS Effect 2: Snow Stack

WebKit Nightly Demo (requires recent WebKit nightly on OS X Leopard, Safari on OS X Snow Leopard)

Snow Stack - Details on setting up Snow Stack for your own images and links to source code.

CSS Visual Effects References

Apple's 3D CSS Visual Effects extensions are available here:

• CSS 3D Transforms
• CSS Transitions
• CSS Animation

Additional Contributors

Marshall Elfstrand - http://www.vengefulcow.com/

• Remove jQuery dependencies from zflow.js