Stanford Main Quad

FlipCard.js implements card filp animation with javascript, css3 and html5. It's fully customizable with either html5 "data-*" attributes or options in javascript. It also supports all modern browsers which including chrome, firefox, safari, opera, and IE7+.
Examples are shown as follows to demostrate that what you can do with FlipCard.js and how flexible you get to use it.
Always One Direction
Direction
Left
Right
Top
Bottom
Speed
500ms
1s
1.5s
2s
Timing function
ease
ease-in
ease-out-cubic
ease-in-expo
Event
on flipping
on flipped
Autoflip
Start at 0ms, delay: 1s
Start at 500ms, delay: 2s
Stop
Auto flipping cards all at once

DEMO FRONT

Freeway 280

DEMO FRONT

Half moon bay

DEMO FRONT

Lake

DEMO FRONT

Stanford Main Quad

DEMO FRONT

Lake

DEMO FRONT

Freeway 280

DEMO FRONT

Lake

DEMO FRONT

Freeway 280

DEMO FRONT

Stanford Main Quad

A group of cards flip together. You can stop and restart them in different configurations with flipcard.js manipulation API easily. Hit the following buttons to play it.
Autoflip
Start at 0ms, delay: 1s
Start at 500ms, delay: 2s
Stop