This commit is contained in:
parent
bf2574d082
commit
41e87cc4b2
|
@ -92,6 +92,32 @@
|
|||
$ bower install --save kute.js
|
||||
</code></pre>
|
||||
|
||||
<h3>Require and CommonJS</h3>
|
||||
<pre><code class="language-javascript">// CommonJS style
|
||||
var kute = require("kute.js"); //grab the core
|
||||
require("kute.js/kute-svg"); // Add SVG Plugin
|
||||
require("kute.js/kute-css"); // Add CSS Plugin
|
||||
require("kute.js/kute-attr"); // Add Attributes Plugin
|
||||
require("kute.js/kute-text"); // Add Text Plugin
|
||||
require("kute.js/kute-bezier"); // Add Bezier Easing
|
||||
require("kute.js/kute-physics"); // Add Physics Easing
|
||||
</code></pre>
|
||||
|
||||
<pre><code class="language-javascript">// AMD style
|
||||
define([
|
||||
"kute.js",
|
||||
"kute.js/kute-jquery.js", // optional for jQuery apps
|
||||
"kute.js/kute-svg.js", // optional for SVG morph, draw and other SVG related CSS
|
||||
"kute.js/kute-css.js", // optional for additional CSS properties
|
||||
"kute.js/kute-attr.js", // optional for animating presentation attributes
|
||||
"kute.js/kute-text.js" // optional for string write and number incrementing animations
|
||||
"kute.js/kute-bezier.js", // optional for more accurate easing functions
|
||||
"kute.js/kute-physics.js" // optional for more flexible & accurate easing functions
|
||||
], function(KUTE){
|
||||
// ...
|
||||
});
|
||||
</code></pre>
|
||||
|
||||
<h3>Websites</h3>
|
||||
<p>In your website add the following code, the best would be to put it at the end of your <code>body</code> tag:</p>
|
||||
<pre><code class="language-markup"><script src="https://cdn.jsdelivr.net/kute.js/1.5.0/kute.min.js"></script> <!-- core KUTE.js --></code></pre>
|
||||
|
@ -102,6 +128,7 @@ $ bower install --save kute.js
|
|||
<script src="https://cdn.jsdelivr.net/kute.js/1.5.0/kute-physics.min.js"></script> <!-- Physics Easing Functions -->
|
||||
<script src="https://cdn.jsdelivr.net/kute.js/1.5.0/kute-css.min.js"></script> <!-- CSS Plugin -->
|
||||
<script src="https://cdn.jsdelivr.net/kute.js/1.5.0/kute-svg.min.js"></script> <!-- SVG Plugin -->
|
||||
<script src="https://cdn.jsdelivr.net/kute.js/1.5.0/kute-text.min.js"></script> <!-- Text Plugin -->
|
||||
<script src="https://cdn.jsdelivr.net/kute.js/1.5.0/kute-attr.min.js"></script> <!-- Attributes Plugin -->
|
||||
</code></pre>
|
||||
<p>Your awesome animation coding would follow after these script links.</p>
|
||||
|
|
Loading…
Reference in a new issue