From 74f35db07ccab2efd01e7253e81d4290475f6ef6 Mon Sep 17 00:00:00 2001 From: thednp Date: Mon, 26 Oct 2015 08:36:48 +0200 Subject: [PATCH] --- examples.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/examples.html b/examples.html index 3a2c981..4a5e09a 100644 --- a/examples.html +++ b/examples.html @@ -332,7 +332,7 @@ KUTE.to('window',{scroll:450}).start(); // for the window

Cross Browser Animation Example

-

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:

Collect Information And Cache It

// 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){ - + \ No newline at end of file