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 ?
Use the @supports (transition) feature query instead.
CSS3 Transitions element is supported by all Microsoft Edge browser.
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.
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.
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 iswebkitTransitionEnd
.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With