Блог

У меня есть CSS, который создает эффект затухания.

 #mainframe.normal
{
    opacity: 1.0;
}
#mainframe.faded
{
    opacity: 0.0;
}
#mainframe
{
  /* Firefox */
  -moz-transition-property: opacity;
  -moz-transition-duration: 3s;
  /* WebKit */
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 3s;
  /* Standard */
  transition-property: opacity;
  transition-duration: 3s;
}
  

Она управляется следующим скриптом:

 document.getElementById('mainframe').className = "faded";
  

К сожалению, в CSS нет параметра, который определяет, какой шаг следует использовать, только общее время всей анимации и функция Безье (медленная, быстрая …). Я искал это в jQuery, но, похоже, у jQuery также нет такого параметра.

Есть ли способ установить время ожидания одного кадра (или, что то же самое, сколько кадров следует использовать)?

Мне это нужно, чтобы попытаться улучшить плавность на iPhone (я полагаю, что меньшие шаги = = более высокая производительность).

С уважением,

Похоже, вы ищете функциональность, предоставляемую анимацией ключевых кадров css3.

Более подробная информация доступна по следующим ссылкам:

https://developer.mozilla.org/en/CSS/CSS_animations

https://developer.mozilla.org/en/CSS/@keyframes

Поддерживается в браузерах webkit (safari, Chrome) и FF5 .

Возможно, вы захотите проверить это: Animate.css.