Skip to content

Commit 3833936

Browse files
author
GMarty
committed
initial commit
1 parent 6f6b34d commit 3833936

File tree

3 files changed

+522
-3
lines changed

3 files changed

+522
-3
lines changed

README.md

Lines changed: 37 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,38 @@
1-
flippy
2-
======
1+
What is Flippy ?
2+
----------------
3+
Flippy is a cross-browser flip effect plugin for jQuery which allows you to flip whatever html element you want.
34

4-
jQuery Plugin
5+
Options
6+
-------
7+
8+
* color_target : The targeted background color. (ex.: ‘aliceblue’ or ‘#f0f8ff’ | default: ‘white’)
9+
* content : The content to show after the flip effect, HTML or jQuery objects.
10+
* direction : The direction of the flip effect (‘RIGHT’, ‘LEFT’, ‘BOTTOM’, ‘TOP’ | default : ‘LEFT’)
11+
* duration : How long the flip effect is during in ms (default : 300).
12+
* depth : You can adjust the perspective effect (default : 0.12).
13+
* light : You can adjust light and shadow intensity (default : 60).
14+
* onStart : The function triggered before the animation start.
15+
* onMidway : The function triggered at half animation.
16+
* onFinish : The function triggered after the animation finish.
17+
18+
Example
19+
--------
20+
21+
``` javascript
22+
$("#myFlippyBox").flippy({
23+
content:"Hi !",
24+
direction:"TOP",
25+
duration:"750",
26+
onStart:function(){
27+
alert("Let's flip");
28+
},
29+
onFinish:function(){
30+
alert("ok, it's flipped :)");
31+
}
32+
});
33+
```
34+
35+
Demo
36+
----
37+
38+
http://blog.guilhemmarty.com/flippy/

0 commit comments

Comments
 (0)