CSS использует Calc для получения секунд в зависимости от ширины области просмотра ⇐ CSS

[Anonymous]

Я пытаюсь найти способ, если это возможно, рассчитать продолжительность анимации ключевого кадра CSS на основе области просмотра. Пробовал сделать что-то вроде этого:

Код: Выделить всё

calc((100vw / 75) * 1s);

но я думаю, что не смогу получить результат без использования JS, который пока работает нормально:

Код: Выделить всё

var animTime = jQuery(window).width() / 75;
jQuery('.animation-container').css('animationDuration', animTime + 's');
jQuery('.animation-container').addClass('anim');

В основном вопрос в том, знает ли какой-нибудь мастер CSS о чистом CSS-подходе для чего-то подобного.

Подробнее здесь: https://stackoverflow.com/questions/781 ... port-width