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

7

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

проверить этот пост -stackoverflow.com/questions/2584138/… Dipak

Ваш Ответ

2   ответа
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 */
}
20

К цели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;
Интересно, я смотрел наcaniuse.com/#search=transition ;-)
IE9 сделал (caniuse.com/#search=transform )
Я думаю, что IE никогда не преобразует голову префиксом, нет?

Похожие вопросы