aboutsummaryrefslogtreecommitdiffstats
path: root/demos/effect/show.html
diff options
context:
space:
mode:
Diffstat (limited to 'demos/effect/show.html')
-rw-r--r--demos/effect/show.html6
1 files changed, 4 insertions, 2 deletions
diff --git a/demos/effect/show.html b/demos/effect/show.html
index 445db04b9..5583ff36f 100644
--- a/demos/effect/show.html
+++ b/demos/effect/show.html
@@ -11,6 +11,7 @@
<script src="../../ui/effect-clip.js"></script>
<script src="../../ui/effect-drop.js"></script>
<script src="../../ui/effect-explode.js"></script>
+ <script src="../../ui/effect-fade.js"></script>
<script src="../../ui/effect-fold.js"></script>
<script src="../../ui/effect-highlight.js"></script>
<script src="../../ui/effect-puff.js"></script>
@@ -23,7 +24,7 @@
<style>
.toggler { width: 500px; height: 200px; }
#button { padding: .5em 1em; text-decoration: none; }
- #effect { width: 240px; height: 135px; padding: 0.4em; position: relative; }
+ #effect { width: 240px; height: 170px; padding: 0.4em; position: relative; }
#effect h3 { margin: 0; padding: 0.4em; text-align: center; }
</style>
<script>
@@ -37,7 +38,7 @@
var options = {};
// some effects have required parameters
if ( selectedEffect === "scale" ) {
- options = { percent: 100 };
+ options = { percent: 50 };
} else if ( selectedEffect === "size" ) {
options = { to: { width: 280, height: 185 } };
}
@@ -79,6 +80,7 @@
<option value="clip">Clip</option>
<option value="drop">Drop</option>
<option value="explode">Explode</option>
+ <option value="fade">Fade</option>
<option value="fold">Fold</option>
<option value="highlight">Highlight</option>
<option value="puff">Puff</option>