Open
+ 2

Css is not my cup of tea !

In below code i just want to make a simple loading kind of animation starting from second part of my capsule on click of emoji in the first part of capsule ,i tried to make but failed i need that animation to be smooth and to fill the second part of capsule completely with desired colour https://code.sololearn.com/WwXbZ0o0EVOb/?ref=app

18th May 2020, 9:23 AM
Mohd Adnan
Mohd Adnan - avatar
3 Answers
+ 1
You can consider fixed the linear-gradient but animate background-position instead, Use background shorthand background:linear-gradient(to left,white ,yellow) left center/0% no-repeat; where 0% is the background-position. Use background-position 200% if want to fully cover up background with full color at the end of animation. https://code.sololearn.com/WvUoZtNUf537/?ref=app
3rd Jun 2020, 7:42 AM
Calviղ
Calviղ - avatar
+ 1
Calviղ wow ! You made it perfect though the value of background property is still confusing to me but the output is perfect 👏👏👏👏👏😊😊
3rd Jun 2020, 11:22 AM
Mohd Adnan
Mohd Adnan - avatar
0
Not bad at all.
20th May 2020, 8:53 PM
Ikhuoria .E. Josephine
Ikhuoria .E. Josephine - avatar