Иногда транзишена не происходит, так как после загрузки картинки и добавления классов для фрейма все операции происходят внутри текущего анимационного кадра браузера. Чтобы картинка плавно появлялась добавляем классы для фрейма в конце текущего кадра анимации.
На всякий случай оставлен фоллбек в виде (window.requestAnimationFrame || setTimeout)() если вдруг в браузере нет функции requestAnimationFrame.
Иногда транзишена не происходит, так как после загрузки картинки и добавления классов для фрейма все операции происходят внутри текущего анимационного кадра браузера. Чтобы картинка плавно появлялась добавляем классы для фрейма в конце текущего кадра анимации. На всякий случай оставлен фоллбек в виде
(window.requestAnimationFrame || setTimeout)()
если вдруг в браузере нет функцииrequestAnimationFrame
.