+ 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