I have a circular div that is vertically and horizontally centered in div. I am trying to achieve a css animation, that it seems like it’s fading in from top to bottom.
I thought of making height 0 initially and moving to 50px, however as it is centered, it starts to getting created from the center. Instead, I want to it to get positioned to the initial position and it gets created from top to bottom. Just like there is a square only masking the circle and nothing else, and it moves to down.
Source: Stack Overflow