+ 2

I basically want to make the old quote fade out and then the new fade in

https://code.sololearn.com/Ww9zfN0uIpJw/?ref=app

17th May 2020, 6:23 PM
Sajid
Sajid - avatar
13 Réponses
+ 3
Sajid Here is how you do it with vanilla js : https://code.sololearn.com/W5zVksiDSjYG/?ref=app
17th May 2020, 7:36 PM
Arb Rahim Badsa
Arb Rahim Badsa - avatar
+ 2
Just add this in body : color: #fff;
17th May 2020, 6:48 PM
Arb Rahim Badsa
Arb Rahim Badsa - avatar
+ 2
Wrap everything inside window.onload method.
17th May 2020, 7:19 PM
Arb Rahim Badsa
Arb Rahim Badsa - avatar
+ 2
Do it like : window.onload = () => { // all codes go here } Also you can remove : window.onload = randomThing
17th May 2020, 7:23 PM
Arb Rahim Badsa
Arb Rahim Badsa - avatar
+ 1
Arb Rahim Badsa pls check again. I'm seriously stucked here.
17th May 2020, 7:03 PM
Sajid
Sajid - avatar
+ 1
Sajid What do you want? Can you please explain it a bit?
17th May 2020, 7:17 PM
Arb Rahim Badsa
Arb Rahim Badsa - avatar
+ 1
Arb Rahim Badsa I copied the code from another editor. It's showing an error of null in solo learn. Can you fix it so I can explain better?
17th May 2020, 7:18 PM
Sajid
Sajid - avatar
+ 1
Arb Rahim Badsa getting another error
17th May 2020, 7:22 PM
Sajid
Sajid - avatar
+ 1
@thankssssss. I was trying for a long time. But why the background changes color fast.? I want to change at the same time. Can you answer this too
17th May 2020, 7:38 PM
Sajid
Sajid - avatar
+ 1
Sajid at line 39 of css code, change transition time to 2s.
17th May 2020, 7:40 PM
Arb Rahim Badsa
Arb Rahim Badsa - avatar
+ 1
Arb Rahim Badsa still not in sync lol. I shall try to get them in sync on my own. I shall not trouble you any further. Thanks a lot for your help.
17th May 2020, 7:44 PM
Sajid
Sajid - avatar
0
Arb Rahim Badsa done. I want to fade out the old quote and then get the new quote. The solution is using jQuery methods like animate and fade-in etc which I dont understand. I heard that jQuery is useless now. No one uses it. That's why im trying to do it in vanilla js
17th May 2020, 7:27 PM
Sajid
Sajid - avatar
0
Use jQuery, easy pizzy
19th May 2020, 3:56 PM
Njaah Mordecai McPains
Njaah Mordecai McPains - avatar