css - 如何仅将 CSS 过渡应用于 transform 属性

Question

我目前有一个transform: rotate(45deg)使用复选框:checked值应用的，我正在寻找一种解决方案，以便 CSS 转换仅适用于转换值。现在我已经把它设置成这样：transition: all 1s ease. 我不希望它适用于所有人，只是转换。现在它正在将过渡应用于color:更改，我想摆脱它。

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

这是我的代码笔。有问题的代码是CSS 第 25-28 行。

Answer 1

您可以使用transition: transform 1s;

这是以下的简写：

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

对于前缀，您需要：

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