Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Newer
Older
100644 34 lines (33 sloc) 0.746 kB
873d679 @jzaefferer Add puff-effect
jzaefferer authored
1 <?xml version="1.0"?>
18863d4 @scottgonzalez Removed unused @namespace and @widgetnamespace.
scottgonzalez authored
2 <entry name="puff" type="effect">
12f32df @scottgonzalez Added <title> for page titles.
scottgonzalez authored
3 <title>Puff Effect</title>
873d679 @jzaefferer Add puff-effect
jzaefferer authored
4 <desc>
5 Creates a puff effect by scaling the element up and hiding it at the same time.
6 </desc>
f601674 @scottgonzalez Updated all effects.
scottgonzalez authored
7 <arguments>
8 <argument name="percent" type="Number" default="150">
873d679 @jzaefferer Add puff-effect
jzaefferer authored
9 <desc>The percentage to scale to.</desc>
f601674 @scottgonzalez Updated all effects.
scottgonzalez authored
10 </argument>
11 </arguments>
873d679 @jzaefferer Add puff-effect
jzaefferer authored
12 <example>
136df88 @scottgonzalez Adjusted demo heights.
scottgonzalez authored
13 <height>200</height>
f601674 @scottgonzalez Updated all effects.
scottgonzalez authored
14 <desc>Toggle a div using the puff effect.</desc>
d29d212 @jzaefferer Fix examples/demos. Will fix #24, pending a change to web-base-template
jzaefferer authored
15 <css><![CDATA[
f601674 @scottgonzalez Updated all effects.
scottgonzalez authored
16 #toggle {
17 width: 100px;
18 height: 100px;
19 background: #ccc;
20 }
d29d212 @jzaefferer Fix examples/demos. Will fix #24, pending a change to web-base-template
jzaefferer authored
21 ]]></css>
873d679 @jzaefferer Add puff-effect
jzaefferer authored
22 <code><![CDATA[
d29d212 @jzaefferer Fix examples/demos. Will fix #24, pending a change to web-base-template
jzaefferer authored
23 $( document ).click(function() {
f601674 @scottgonzalez Updated all effects.
scottgonzalez authored
24 $( "#toggle" ).toggle( "puff" );
873d679 @jzaefferer Add puff-effect
jzaefferer authored
25 });
26 ]]></code>
27 <html><![CDATA[
f601674 @scottgonzalez Updated all effects.
scottgonzalez authored
28 <p>Click anywhere to toggle the box.</p>
d29d212 @jzaefferer Fix examples/demos. Will fix #24, pending a change to web-base-template
jzaefferer authored
29 <div id="toggle"></div>
873d679 @jzaefferer Add puff-effect
jzaefferer authored
30 ]]></html>
31 </example>
32 <category slug="effects"/>
33 </entry>
Something went wrong with that request. Please try again.