css ripple effect

CSS
/* 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/
*/
Source

Also in CSS: