如何仅将CSS转换应用于transform属性

Question

我目前使用复选框transform: rotate(45deg)值来应用:checked，我正在寻找解决方案，因此CSS转换仅适用于转换值。现在我的设置是这样的：transition: all 1s ease。我不希望它适用于 所有 ，只是变换。现在它正在应用转换到color:更改，我想摆脱它。

我觉得应该很容易找到答案，但事实证明这比我想象的要困难得多。如果您有任何疑问，请告诉我。感谢。

这是我的 code pen 。有问题的代码是 CSS行25-28 。

Answer 1

您可以使用transition: transform 1s;

这是简写：

transition-property: transform;
transition-duration: 1s;

对于前缀，您需要：

-webkit-transition: -webkit-transform 1s;
/* etc, for each possibility */