Animation does not work in firefox and opera, although vendor prefixes are registered !! Help ZY browser versions of the latest, in chrome and safari works

.box{ -webkit-animation: loop 25s linear 0s infinite normal; -moz-animation: loop 25s linear 0s infinite normal; -o-animation: loop 25s linear 0s infinite normal; animation: loop 25s linear 0s infinite normal; } @keyframes 'loop' { from {transform: rotate(0deg);} to {transform: rotate(360deg);} } @-webkit-keyframes 'loop' { from {-webkit-transform: rotate(0deg); transform: rotate(0deg);} to {-webkit-transform: rotate(360deg); transform: rotate(360deg);} } @-moz-keyframes 'loop' { from {-moz-transform: rotate(0deg); transform: rotate(0deg);} to {-moz-transform: rotate(360deg); transform: rotate(360deg);} } @-o-keyframes 'loop' { from {-o-transform: rotate(0deg); transform: rotate(0deg);} to {-o-transform: rotate(360deg); transform: rotate(360deg);} }

    1 answer 1

    Try loop writing without quotes. In the specs without quotes is.

    • Really helped !!! Thank you very much the coolest thing I cleared the quotation mark, but at that moment I had -webkit- prefixes everywhere, when I replaced the prefixes I didn’t guess to try again with quotes ... ^ _ ^ - unlike777
    • @ unlike777, if you are given the correct answer, mark it as correct (click on the check mark :)). - Astor