Confused on CSS animation

Question

IN sololearn App only
i n my sololearn app only
-webkit-animation works and bring result while animation/keyframes dose not works

In my SL app only -webkit-animation works like

-webkit-animation:test 1s linear 0s infinite;
@-webkit-keyframes test {
from{}
to{}
}

but other sololearners use animation /keyframes like

animation:test 1s linear 0s infinite;
@keyframes test {
from{}
to{}
}

and they say keyframes works on their SL while it dosen't work on mine only -webkit-animation works ,why help

Answer 1

Android: -webkit-

Chrome: -webkit-

Firefox: -moz-

Internet Explorer: -ms-
iOS: -webkit-

Opera: -o-

Safari: -webkit-

if your device could fall under one of these,maybe that's why you always need to prefix webkit

Answer 2

well that should be solely down to your device

Answer 3

-webkit- is a vendor prefix,your browser does recognize these properties unless that are prefixed with -webkit-,thats your vendor

Answer 4

for those who do not need to add -webkit- or prefixes to their own,i think it's automatically prefixed

Answer 5

oh thanks 🇳🇬Brains

Answer 6

🇳🇬Brains what do you mean?