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