+ 1

Why svg anim examples in sololearn doesn't work

11th Jun 2017, 1:52 AM
Hacen Med
Hacen Med - avatar
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)
11th Jun 2017, 3:30 AM
Kirk Schafer
Kirk Schafer - avatar
+ 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
11th Jun 2017, 2:11 AM
Ghauth Christians
Ghauth Christians - avatar
+ 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 ;)
11th Jun 2017, 7:09 AM
visph
visph - avatar
+ 3
This works very well (exactly as expected) for me ^^
11th Jun 2017, 11:00 AM
visph
visph - avatar
+ 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.
11th Jun 2017, 4:05 PM
Kirk Schafer
Kirk Schafer - avatar
+ 1
thanks. I refer to the examples in HTML5 course.
11th Jun 2017, 2:15 AM
Hacen Med
Hacen Med - avatar
+ 1
When you finish your CSS course then you'll know about Web prefixes and why they are needed for Sololearn.
11th Jun 2017, 2:16 AM
Ghauth Christians
Ghauth Christians - avatar
11th Jun 2017, 10:50 AM
Hacen Med
Hacen Med - avatar