Сделал анимацию округления квадрата, в хроме работает, а фаерфокс округляет только когда я переключаюсь между вкладками. Сам квадрат крутится, но не округляется. Спросил у знакомых, в итоге у пары человек все нормально, а у других такая же проблема. Префиксы не решили проблему.
@keyframes turning {
0% {
border-radius: 0 0 0 0;
transform: rotate(0deg);
}
25% {
border-radius: 50% 0 0 0;
transform: rotate(45deg);
}
50% {
border-radius: 50% 50% 0 0;
transform: rotate(90deg);
}
75% {
border-radius: 50% 50% 50% 0;
transform: rotate(135deg);
}
100% {
border-radius: 50% 50% 50% 50%;
transform: rotate(180deg);
}
}
div {
width: 120px;
height: 120px;
background-color: violet;
margin: 100px;
animation: turning 2s infinite;
}
<div></div>
border-radius: 0;
?