Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

webkit transition end in mozilla and opera?

I wonder if there are some predefined event like the webkitTransitionEnd in Chrome in the mozilla and opera browser?

How can I also detect of the browser is webkit enabled and CSS3 ?

like image 401
einstein Avatar asked Apr 28 '11 14:04

einstein


People also ask

What can I use instead of WebKit transition?

Use the @supports (transition) feature query instead.

Which browser can support the transition-property?

CSS3 Transitions element is supported by all Microsoft Edge browser.

What is WebKit transition HTML?

There may also be large incompatibilities between implementations and the behavior may change in the future. -webkit-transition is a non-standard boolean CSS media feature whose value indicates whether vendor-prefixed CSS transition s are supported or not. This media feature is only supported by WebKit.

What is Transitionend in JavaScript?

The transitionend event is fired when a CSS transition has completed. In the case where a transition is removed before completion, such as if the transition-property is removed or display is set to none , then the event will not be generated.


1 Answers

According to the MDN Doc Center there is such an event:

There is a single event that is fired when transitions complete. In Firefox, the event is transitionend, in Opera, oTransitionEnd, and in WebKit it is webkitTransitionEnd.

like image 122
Joachim Sauer Avatar answered Sep 23 '22 18:09

Joachim Sauer