diff --git a/demo/examples.html b/demo/examples.html index 3a2c981..4a5e09a 100644 --- a/demo/examples.html +++ b/demo/examples.html @@ -332,7 +332,7 @@ KUTE.to('window',{scroll:450}).start(); // for the window
Unlike the examples hosted on Codepen, most examples here should be supported on legacy browsers. The next example is going to explain more details about how to target browsers according to their supported properties, so stick around. So, first check your HTML template to have the browser detection for IE8-IE9, then check to have the polyfills and also make sure you target your browsers, here's a complete reference. Now we are ready: +
Unlike the examples hosted on Codepen, most examples here should be supported on legacy browsers. The next example is going to explain more details about how to target browsers according to their supported properties, so stick around. So, first check your HTML template to have the browser detection for IE8-IE9, then check to have the polyfills and also make sure you target your browsers, here's a complete reference. In some cases you may not have access to the HTML tag, here's a work around. Now we are ready:
// grab an HTML element to build a tween object for it
@@ -425,7 +425,7 @@ playPauseButton.addEventListener('click', function(e){
Stop
- Let's explain this code a bit. KUTE.js comes gives you the internal variables myTween.playing and myTween.paused (both true/false) to help you easily manage the tween control methods all together as in this example here. As said before, KUTE.js version 0.9.5 doesn't stat animating by default, for all the examples on this page you have to start it yourself, unlike their versions hosted on Codepen.
+ Let's explain this code a bit. KUTE.js gives you the internal variables myTween.playing and myTween.paused (both true/false) to help you easily manage the tween control methods all together as in this example here. As said before, KUTE.js version 0.9.5 doesn't stat animating by default, for all the examples on this page you have to start it yourself, unlike their versions hosted on Codepen.
- the
START button will use the .start() method and the animation starts;
- the
STOP button will use the .stop() method and stops the animation; after this the, animation can only be started again
@@ -467,4 +467,4 @@ playPauseButton.addEventListener('click', function(e){