understanding transitionend

PHP programming forum. Ask questions or help people concerning PHP code. Don't understand a function? Need help implementing a class? Don't understand a class? Here is where to ask. Remember to do your homework!

Moderator: General Moderators

Post Reply
User avatar
gautamz07
Forum Contributor
Posts: 331
Joined: Wed May 14, 2014 12:18 pm

understanding transitionend

Post 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.
User avatar
requinix
Spammer :|
Posts: 6617
Joined: Wed Oct 15, 2008 2:35 am
Location: WA, USA

Re: understanding transitionend

Post 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.
User avatar
gautamz07
Forum Contributor
Posts: 331
Joined: Wed May 14, 2014 12:18 pm

Re: understanding transitionend

Post by gautamz07 »

Ok thanks !!
Post Reply