From c781e52ec8cc380d1e23062f7fbfb720e91e00be Mon Sep 17 00:00:00 2001
From: RubaXa <ibnRubaXa@gmail.com>
Date: Sun, 22 Jun 2014 20:47:54 +0400
Subject: [PATCH] * effects

---
 README.md | 29 ++++++++++++++++++++++++++---
 1 file changed, 26 insertions(+), 3 deletions(-)

diff --git a/README.md b/README.md
index 1ebfc08..fb052fe 100644
--- a/README.md
+++ b/README.md
@@ -31,7 +31,7 @@ Ply.dialog("alert", "Wow!").then(function (ui) {
 var ply = new Ply({
 	el: "...", // HTML-content
 
-	effect: "fade", // cuurent effect
+	effect: "fade", // or ["open-effect:duration", "close-effect:duration"]
 
 	layer: {}, // default css
 
@@ -64,8 +64,10 @@ ply.open().then(function () {
 ```
 
 
+---
 
-## Effects
+
+## Preset effects
  - fade
  - scale
  - fall
@@ -75,7 +77,28 @@ ply.open().then(function () {
 
 
 
-## Combined Effects
+### Combined effects
 ```js
 Ply.dialog("alert", { effect: ["fade", "scale"] }, "Fade & scale");
 ```
+
+
+### Custom effects
+```js
+Ply.effects["my-effect"] = {
+	open:  { layer: "fade-in", overlay: "background-in" },
+	close: { layer: "fade-out", overlay: "background-out" }
+};
+
+Ply.effects["background-in"] = {
+	"from": { opacity: 0, backgroundColor: "red" },
+	"to":   { opacity: 1, backgroundColor: "white" }
+};
+
+Ply.effects["background-out"] = {
+	"from": { opacity: 1, backgroundColor: "white" },
+	"to":   { opacity: 0, backgroundColor: "green" }
+};
+```
+
+---