如何通过纯CSS基于视口宽度计算关键帧动画时长?
纯CSS实现基于视口宽度计算关键帧动画时长的方案?
我正在尝试找到一种基于视口宽度计算CSS关键帧动画时长的方法,一开始尝试了以下CSS代码:
calc((100vw / 75) * 1s);
但发现仅靠CSS无法得到预期效果,目前已经通过JavaScript实现了该功能,代码如下:
var animTime = jQuery(window).width() / 75; jQuery('.animation-container').css('animationDuration', animTime + 's'); jQuery('.animation-container').addClass('anim');
想请教各位CSS专家,是否存在纯CSS的实现方案?
内容的提问来源于stack exchange,提问作者MincedMeatMole
相关产品推荐
相关产品推荐

