title: How do Google create the distortion effect on the Google Ideas homepage?
body: <p>The <a href="https://www.google.com/ideas/" rel="nofollow noreferrer">Google Ideas homepage</a> features an animation that distorts the appearance of some of the text and a button with a static sound effect, in order to simulate signal interference as the content transitions from one item to the next.</p>
  
  <p>Here's a Gif in case they change the design:</p>
  
  <p><img src="https://i.stack.imgur.com/xkBhg.gif" alt="Google Ideas text distortion gif"></p>
  
  <p>How are they achieving this? I can see classes and styles jumping around in the dev tools, so JavaScript is definitely involved, but I can't find the relevant section of script itself.</p>