Page 1 of 1

understanding transitionend

Posted: Mon May 11, 2015 3:46 am
by gautamz07
hey guys
i have a small question
have a look at this fiddle
jsfiddle.net/Lh7aksLq
now the console.log prints the following :

Code: Select all

"WebkitTransition" 
"MozTransition"
why just these two results ??
Why not the following ??

Code: Select all

WebkitTransition 
MozTransition 
OTransition 
transition
Thanks .

Gautam.

Re: understanding transitionend

Posted: Mon May 11, 2015 4:13 am
by requinix
Because you're not using IE 8? Or not something that supports CSS 3 besides Chrome/Safari, Firefox, and Opera?

It's outputting the things that it tries, and output for all but the last means the browser does not support it. Because if the browser did support it then the loop/function would end thanks to that return statement. My Chrome only outputs WebkitTransition because it supports that; Firefox would output what you saw, Opera would output the three, and basically every other browser would output all four.

Re: understanding transitionend

Posted: Mon May 11, 2015 11:36 pm
by gautamz07
Ok thanks !!