Не удается получить 60 кадров в секунду при переходе непрозрачности в Chrome

Мне нужен переход непрозрачности со скоростью 60 кадров в секунду или лучше, и я тестирую временную шкалу инструментов разработчика Chrome. Я создал jsfiddle (http://jsfiddle.net/jnoody/Zt8nd/), чтобы продемонстрировать , но в основном это просто div, у которого класс переключается каждые несколько секунд и переходы по непрозрачности для двух состояний. На глаз это выглядит хорошо, но меня убедили, что 60 кадров в секунду должны быть достижимы.

HTML:

<div id="fader"></div>

CSS:

#fader {
    height: 1000px;
    width: 1000px;
    background-color: grey;
    opacity: 1;
    transition: 1s opacity;
}

#fader.fadeOut {
    opacity: 0;
    transition: 1s opacity;
}

JavaScript:

var fader = document.getElementById('fader');
setInterval(function () {
    fader.classList.toggle('fadeOut');
}, 2000);

Я также пробовал использовать хак с нулевым преобразованием, но в любом случае он находится в своем собственном слое (с использованием «рендеринга составных граничных слоев»).