Как применить переход 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 */