Check out example codes for "css ripple effect". It will help you in understanding the concepts better.

Code Example 1

/* Answer to: "https://www.w3schools.com/howto/howto_css_hero_image.asp" */

/*
  The ripple effect is an awesome effect that Front End Website
  Developers use very often, in fact, so often that they have
  listed 10 great ripple effect designs by various different
  developers!

  Check out all the ripple effect designs here:
  https://freefrontend.com/css-ripple-effects/
*/

Learn ReactJs, React Native from akashmittal.com