Here it is!
Fun isn't it?
If there's no JS, then there's CSS. To achive the task we need to make a new CSS file having:
transform property set to
translate3d to define a 3D translation.
Ripple-after: this is where the ripple effect ends. We can show something like a text but it doesn't make sense here. Therefore the
content has been set to
background-image's value has been set to the
radial-gradientfunction which takes in a
#fffor white as the
transitionis used along with
transformwith its corresponding timing and
Read this article I wrote to incorporate this in your project file.