How to make rising water animation | Sololearn: Learn to code for FREE!
+ 3

How to make rising water animation

Help me to spread blue rectangle with the top side, and the bottom side fixed, using only css? https://code.sololearn.com/W7Ts1Kaph8qH/?ref=app

24th Jan 2020, 1:27 AM
Unknown Ambusher 🗡️
Unknown Ambusher 🗡️ - avatar
4 Answers
+ 6
position fixed bottom 0 in keyframes, change its height
24th Jan 2020, 2:17 AM
Gordon
Gordon - avatar
+ 3
Top side and bottom side fixed? Can you elaborate more on this? Should the blue rectangle fill up like water from bottom to top, or do you want the top left and bottom left corner to not move while the rectangle expands sideways?
24th Jan 2020, 1:54 AM
Fermi
Fermi - avatar
+ 1
Fermi, I mean the bottom side fixed, but the top side widens like rising water
24th Jan 2020, 2:09 AM
Unknown Ambusher 🗡️
Unknown Ambusher 🗡️ - avatar
+ 1
Thanks Gordon, you helped me the second time for the completion of my code 😊, and now after i put fixed position, it can works too with absolute 👏👏👏
24th Jan 2020, 7:17 AM
Unknown Ambusher 🗡️
Unknown Ambusher 🗡️ - avatar