плагин для создания эффекта затемнения всей страницы кроме выбранного элемента DOM

[рони]

Ruslan_xDD,
а проверить что поддерживается
http://snippetrepo.com/snippets/cros...css-transition

if('ontransitionend' in window) {
  // Firefox
  transition = 'transitionend';
} else if('onwebkittransitionend' in window) {
  // Chrome/Saf (+ Mobile Saf)/Android
  transition = 'webkitTransitionEnd';
} else if('onotransitionend' in myDiv || navigator.appName == 'Opera') {
  // Opera
  // As of Opera 10.61, there is no "onotransitionend" property added to DOM elements,
  // so it will always use the navigator.appName fallback
  transition = 'oTransitionEnd';
} else {
  // IE - not implemented (even in IE9) :(
  transition = false;
}

https://developer.mozilla.org/en-US/.../transitionend

[ruslan_mart]

рони, это то понятно, спасибо. Но а если навешать одинаковых событий с префиксами и без, не будет ли двойных срабатываний?

[Safort]

Ruslan_xDD,
думаю вполне могут быть. Тут, скорее всего от браузера зависит.

[ruslan_mart]

Safort, ясно, думаю тогда лучше setTimeout оставить.

[Safort]

Ruslan_xDD,
но зачем, если можно сделать так, как показал рони в примере выше?

[Octane]

http://blog.gospodarets.com/highligh...h_page_fading/

[рони]

Octane,

[ruslan_mart]

else if('onotransitionend' in myDiv || navigator.appName == 'Opera') {
// Opera
// As of Opera 10.61, there is no "onotransitionend" property added to DOM elements,
// so it will always use the navigator.appName fallback
transition = 'oTransitionEnd';

Немного странное условие. Т.е., если браузер опера, условие все-равно сработает, не зависимо от поддержки transition.