+ 1
Why svg anim examples in sololearn doesn't work
8 Answers
+ 6
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)
+ 3
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
+ 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 ;)
+ 3
This works very well (exactly as expected) for me ^^
+ 3
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.
+ 1
thanks.
I refer to the examples in HTML5 course.
+ 1
When you finish your CSS course then you'll know about Web prefixes and why they are needed for Sololearn.
+ 1
https://code.sololearn.com/W8M93AtNkjpn/?ref=app
this demo didn't work