动画持续时间取决于纯 css3 的宽度

Question

是否可以使用纯 css 计算动画持续时间取决于元素的宽度？

我有一个选框动画。我希望动画持续时间取决于文本本身的长度（宽度）。没有js可以处理吗？

Answer 1

从技术上讲，您可以使用 CSS 预处理器根据宽度计算动画，但会遇到的问题是除非指定宽度，否则 CSS 不会知道某物的宽度。在页面加载之前，该信息不可用。