Какое свойство перехода используется для преобразования?

Question

Я не уверен, что это правильный путь, но я хочу, чтобы спина элемента,
и я знаю transform: rotate(90deg) & transition-property:all будет работать, но я не хочу, чтобы перейти all
Что transition-property я должен использовать, и есть ли лучший способ создать вращающуюся анимацию?

Answer 1

Для целевой transform с на transition-property вы должны использовать:

-webkit-transition-property: -webkit-transform; 
-moz-transition-property: -moz-transform; 
-ms-transition-property: -ms-transform; 
-o-transition-property: -o-transform; 
transition-property: transform; 

Answer 2

Может быть, не лучший способ, но в качестве альтернативы вы можете использовать ключевые кадры анимации (что лучше, если вы хотите, чтобы повторить анимацию непрерывно):

@keyframes rotateDiv { 
    from { transform: rotateZ(0deg); } 
    to { transform: rotateZ(360deg); } 
} 

div { 
    animation-name: rotateDiv; 
    animation-duration: 1s; 
    animation-timing-function: linear; /* For a steady rate loop */ 
    animation-delay: 0s;    
    animation-iteration-count: infinite; /* Use actual numbers for limited repeat */ 
}