What's the output?
Here it is!
Fun isn't it?
How to achieve?
If there's no JS, then there's CSS. To achive the task we need to make a new CSS file having:
transformproperty set to
translate3dto 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
contenthas 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
That's it! Simple, clean and Materialistic!
You can read the complete post and hit a clap or two here!