The up-bottom animation is what all needed. Thanks @megazoid for providing code snippet that is easy to understand.
With current code snippet, subsequent columns animate on finish callback. Just wanted to know, if there is any way to control the animation where second column will animate as soon as first column in half visible.
I just can’t believe that this has been done with CSS alone. Thanks a lot @PaulOB for sharing the knowledge and code pen too.
The actual problem lies in browser support. The reason of searching a JS based solution is our client wants support for IE9. In this case, i can think of two possible options -
I can get back to client and suggest them not to expect animation support in IE9
Writing a fallback JS so that simple fadeIn animation is supported throughout
Please suggest me what’s your take on above given options or any other option to handle such cases.