title: Is there any way to colorize only part of image on hover?
body: <p>I would love to code simple image painting in HTML, CSS and probably jQuery also.</p>
  
  <p>Let's say I have a original image, and I want make it colorized but only in part of hover (or 10x10px square or circle of image where cursor is).</p>
  
  <p>I applied some filters to make it grayscale with CSS, but I have no idea how to colorize only hover part (not whole picture).</p>
  
  <p>Example image of best result (keeping colorized advice would be great, but not necessarily).</p>
  
  <p><img src="https://i.stack.imgur.com/QdYkl.png" alt="enter image description here"></p>