Анимация не работает только в браузере гугл-хром. Префиксы расставил. Что делаю не так подскажите пожалуйста.
@-moz-keyframes rotate-loading {
0 {
-ms-transform: rotate(0);
-webkit-transform: rotate(0);
-o-transform: rotate(0);
-moz-transform: rotate(0);
transform: rotate(0);
}
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes rotate-loading {
0 {
-ms-transform: rotate(0);
-webkit-transform: rotate(0);
-o-transform: rotate(0);
-moz-transform: rotate(0);
transform: rotate(0);
}
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-o-keyframes rotate-loading {
0 {
-ms-transform: rotate(0);
-webkit-transform: rotate(0);
-o-transform: rotate(0);
-moz-transform: rotate(0);
transform: rotate(0);
}
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate-loading {
0 {
-ms-transform: rotate(0);
-webkit-transform: rotate(0);
-o-transform: rotate(0);
-moz-transform: rotate(0);
transform: rotate(0);
}
100% {
-ms-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.loading * {
display: none !important;
}
.loading:after {
content: " ";
position: absolute;
height: 50px;
width: 50px;
left: 0;
right: 0;
margin: 20px auto;
border-radius: 100%;
border: 2px solid transparent;
border-color: transparent #ddd transparent #ddd;
-moz-animation: rotate-loading 1.5s linear 0 infinite normal;
-o-animation: rotate-loading 1.5s linear 0 infinite normal;
-webkit-animation: rotate-loading 1.5s linear 0 infinite normal;
animation: rotate-loading 1.5s linear 0 infinite normal;
-moz-transform-origin: 50% 50%;
-o-transform-origin: 50% 50%;
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%
}