Another example of clip-path property for revealing content effect. This experiment will work on Latest Chrome, haven't tested on another browser.
The transition itself is not smooth i think, i have some difficulty time with the javascript. If you have better method please let me know in the comment.
The Design and animation Choreography itself was inspired by Great Shot from CHRISTOPHE KEREBEL on MaterialUp ( https://www.materialup.com/posts/personal-social-card-material-design-animation )
A Pen by Rian Ariona on CodePen.