diff options
Diffstat (limited to 'demos/effect/hide.html')
| -rw-r--r-- | demos/effect/hide.html | 6 |
1 files changed, 4 insertions, 2 deletions
diff --git a/demos/effect/hide.html b/demos/effect/hide.html index 6c9948aab..301f93047 100644 --- a/demos/effect/hide.html +++ b/demos/effect/hide.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: 0 }; + options = { percent: 50 }; } else if ( selectedEffect === "size" ) { options = { to: { width: 200, height: 60 } }; } @@ -77,6 +78,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> |