0

Keyframes error

I did this to simulate the basic effects of jQuery I tried sololearn web and it works fine, but in the mobile app it gave me an error what is the problem with my code or the web viewer that SoloLearn uses does not support the animated JavaScript API? Thanks for all your answers. https://code.sololearn.com/W2y1CSke0j54/?ref=app

24th Jul 2020, 5:48 PM
Emanuel Maliaño
Emanuel Maliaño - avatar
9 Respostas
24th Jul 2020, 7:10 PM
BroFar
BroFar - avatar
+ 2
Emanuel Maliaño here is a working jQuery fade out and fade in https://code.sololearn.com/WMRjd8w241nz/?ref=app
24th Jul 2020, 6:12 PM
BroFar
BroFar - avatar
+ 2
Emanuel Maliaño I keep looking at your keyframes error seeing partial transformation ({ opacity 0} to what ?); this.keyframes = [{ opacity: 0 }];
24th Jul 2020, 8:07 PM
BroFar
BroFar - avatar
24th Jul 2020, 8:57 PM
BroFar
BroFar - avatar
+ 1
Animation works fine in the Sololearn web app. I don't know why it doesn't work here.
24th Jul 2020, 8:56 PM
Emanuel Maliaño
Emanuel Maliaño - avatar
+ 1
It seems like all of the then(s) have the same problem Emanuel Maliaño
24th Jul 2020, 9:03 PM
BroFar
BroFar - avatar
0
BroFar I know that jquery works fine but I am not using jquery.I did the effects with vanilla JavaScript. Please check the error.
24th Jul 2020, 6:23 PM
Emanuel Maliaño
Emanuel Maliaño - avatar
0
BroFar Thanks man for your answers but i need to know why my code fails.
24th Jul 2020, 7:14 PM
Emanuel Maliaño
Emanuel Maliaño - avatar
0
BroFar The animations I made are based on the initial properties of each element in the case of this.keyframes ({opacity: 0}) it would be for the first element that its initial opacity is 1 and when you click the FadeOut button its opacity it will be zero. it is same for the other elements.
24th Jul 2020, 8:54 PM
Emanuel Maliaño
Emanuel Maliaño - avatar