Why svg anim examples in sololearn doesn't work

Answer 1

So...I've gone into HTML5 far enough to see SVG...is there a specific example you wanted to try?

(I just tapped "TRY IT YOURSELF" on the circle demo, which works for me)

Answer 2

You most likely forgot to add the "-webkit-" prefix in front of your codes.

Example (CSS3):

-webkit-animation-name: test;
-webkit-animation-duration: 5s;

@-webkit-keyframes test {
from {}
to {}
}

//Try adding that prefix to your code to all CSS3 codes

Answer 3

Prefix can be required or not, depending on wich version of webkit/webview is installed on your device ^^ Latest should not require them...

[edit]
Anyway, prefix concern Css animation, question talk about Svg animation, wich works correctly for me as for @Kirk Schafer ;)

Answer 4

This works very well (exactly as expected) for me ^^

Answer 5

Yep. Works for me. I'm including a SVG test page (use basic/tiny so it fits on your screen) because:

http://caniuse.com/#feat=svg-smil
* Animation in SVG is not supported in inline SVG on Android browsers prior to version 4.4.

Test inside SoloLearn here:
https://code.sololearn.com/WzEgoOXZ7fo4/?ref=app

Animation tests start at #1 and #105.

Answer 6

thanks.
I refer to the examples in HTML5 course.

Answer 7

When you finish your CSS course then you'll know about Web prefixes and why they are needed for Sololearn.

Answer 8

https://code.sololearn.com/W8M93AtNkjpn/?ref=app
this demo didn't work