CSS过渡的最大持续时间是多少？

Question

CSS过渡的最大持续时间是多少？

cssmaxcss-transitionsduration

9

CSS transition-duration或transition-delay属性的最大值是多少？我找不到这个信息。

我只发现默认值为0s。

我使用了这些文档：

- Lukas M.

1

由于它是以“秒”为单位的，因此没有限制，直到最长整数。但是，数字越多，实现它就越浪费。 :) - Guruprasad J Rao

2

顺便说一下，我对此很感兴趣，因为我需要解决这个问题https://dev59.com/6HE85IYBdhLWcg3wbS5i#29350537，而且我不能使用box-shadow，因为我的输入框具有透明背景。我必须保持透明度。 - Lukas M.

2

@GuruprasadRao 这将是毫秒，因此以秒为单位的时间会少1000倍。尽管如此，仍然有很多秒... - Mr Lister

@MrLister 是这样吗？因为我看到它被分配为1s、2s等，这基本上意味着秒！如果我错了，请纠正我。 - Guruprasad J Rao

2

@GuruprasadRao 请查看原帖中的最后一个链接。时间可以用s或ms表示。当使用s时，您可以指定分数，例如1.5s。 - Mr Lister

显示剩余5条评论

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- John Miller · Accepted Answer

如Guruprasad J Rao所提到的，最长的转换时间是包含在最大整数中的秒数，这恰好是2147483647。如果有人感到好奇，2147483647秒的转换时间为68.24年（包括闰年）。

我同意这听起来很荒谬。然而，实际上确实有用例。例如，在我的项目中，我遇到了一个问题，即在浏览器实现的输入自动填充中，webkit不允许我更改背景颜色。由于浏览器实现的样式无法像那样覆盖重要性，所以无法通过“！important”来覆盖。因此，为了阻止webkit自动填充更改我的输入颜色，我只需使用transition: background-color 2147483647s。问题解决了。