title: How to inspect an element which only exists if the mouse is at specific position
body: <p>If you need to inspect a hover state of an element it can be done as described <a href="https://stackoverflow.com/questions/17602611/inspect-a-hover-element">here</a> The problem is that you loose the state if you move the mouse.</p>
  
  <p>In my case its javascript providing the visual effect on hover. So, basically the issue is the same as described above, but the solution does not apply.</p>
  
  <p>If you go to: <a href="http://volkshotel.nl/" rel="nofollow noreferrer">http://volkshotel.nl/</a> and move your mouse over a button/link you'll see a nice glitch effect. But hard to inspect.  I've extracted a button</p>
  
  <pre><code>&lt;span class="buzz"&gt;
      &lt;span class="buzz-original-text"&gt;Show me the way&lt;/span&gt;
      &lt;span class="buzz-container"&gt;&lt;/span&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>Now if the glitch effect is applied somethings happens inside the <code>buzz-container</code> element, but it seems not possible to inspect that element. Is there some way inside Chrome to inspect it ?</p>