title: Flash input text box background on button click
body: <p>I have an input text box and a button element. I want text box background color fade in and fade out with a click of a button. </p>
  
  <p>HTML</p>
  
  <pre><code>&lt;input type="text"&gt;
  &lt;button&gt;Click&lt;/button&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>input{
     transition: background-color 0.1s ease-in-out 0s;
  }
  input:target{
      background-color: red;
  }
  </code></pre>
  
  <p>I can't figure out how to trigger the animation on the button click. </p>
  
  <p>Here is a gif of the desired effect</p>
  
  <p><a href="https://i.imgur.com/3CNllvP.gif" rel="nofollow noreferrer">http://i.imgur.com/3CNllvP.gif</a></p>
  
  <p><em>Edit</em> Originally I asked about accomplishing this without javascript, but it appears that it is not possible.</p>