title: Is it possible to emulate Mac Osx Finder search highlight in HTML + CSS?
body: <p>Mac OSX Finder has a search feature that darkens everything but the part that matches.</p>
  
  <p><a href="https://i.stack.imgur.com/I9HBZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/I9HBZ.png" alt="alt text"></a><br>
  <sub>(source: <a href="http://justaddwater.dk/wp-content/uploads/2009/09/mac-osx-finder-search-feature-spotlight.png" rel="nofollow noreferrer">justaddwater.dk</a>)</sub>  </p>
  
  <p>Is there a way to emulate it via CSS? I was thinking about adding a semi-transparent black div with opacity 50. But how then do I cut a hole in it?? and possibly make the edge fuzzy?</p>
  
  <p>Any suggestions?</p>