如何仅将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 */