You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何通过纯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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.27 19:32:00