AproJo
view release on metacpan or search on metacpan
share/files/public/skins/default/jquery-ui-1.9.1.custom/development-bundle/docs/scale-effect.html view on Meta::CPAN
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI scale-effect documentation</title>
<style>
body {
font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif"
}
.gutter {
display: none;
}
</style>
</head>
<body>
<script>{
"title":
"Scale Effect",
"excerpt":
"\n\t\tShrink or grow an element by a percentage factor.\n\t",
"termSlugs": {
"category": [
"effects"
]
}
}</script><article id="scale1" class="entry effect"><h2 class="section-title"><span>Scale Effect</span></h2>
<div class="entry-wrapper">
<p class="desc"><strong>Description: </strong>
Shrink or grow an element by a percentage factor.
</p>
<ul class="signatures"><li class="signature">
<h4 class="name">scale</h4>
<ul>
<li>
<div>
<strong>direction</strong> (default: <code>"both"</code>)</div>
<div>Type: <a href="http://api.jquery.com/Types#String">String</a>
</div>
<div>The direction of the effect. Possible values: <code>"both"</code>, <code>"vertical"</code> or <code>"horizontal"</code>.</div>
</li>
<li>
<div>
<strong>origin</strong> (default: <code>[ "middle", "center" ]</code>)</div>
<div>Type: <a href="http://api.jquery.com/Types#Array">Array</a>
</div>
<div>The vanishing point.</div>
</li>
<li>
<div><strong>percent</strong></div>
<div>Type: <a href="http://api.jquery.com/Types#Number">Number</a>
</div>
<div>The percentage to scale to.</div>
</li>
<li>
<div>
<strong>scale</strong> (default: <code>"both"</code>)</div>
<div>Type: <a href="http://api.jquery.com/Types#String">String</a>
</div>
<div>Which areas of the element will be resized: <code>"both"</code>, <code>"box"</code>, <code>"content"</code>. Box resizes the border and padding of the element; content resizes any content inside of the element.</div>
</li>
</ul>
</li></ul>
<section class="entry-examples" id="entry-examples"><header><h2 class="underline">Examples:</h2></header><div class="entry-example" id="example-0">
<h4>Example: <span class="desc">Toggle a div using the scale effect.</span>
</h4>
<div class="syntaxhighlighter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="gutter"><div class="line number1 index0 alt2">1</div><div class="line number2 index1 alt1">2</div><div class="line number3 index2 alt2">3</div><d...
<h4>Demo:</h4>
<div class="demo code-demo" data-height="200"></div>
</div>
<div class="entry-example" id="example-1">
<h4>Example: <span class="desc">Toggle a div using the scale effect in just one direction.</span>
</h4>
<div class="syntaxhighlighter "><table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td class="gutter"><div class="line number1 index0 alt2">1</div><div class="line number2 index1 alt1">2</div><div class="line number3 index2 alt2">3</div><d...
<h4>Demo:</h4>
<div class="demo code-demo" data-height="200"></div>
</div></section>
</div></article>
</body>
</html>
( run in 0.503 second using v1.01-cache-2.11-cpan-39bf76dae61 )