title: Comment highlight css transition effect
body: <p>I'm trying to accomplish the effect of when linking to a target element on another page, the target is highlighted and then fades to the default page color, aka white.</p>
  
  <p>A simple example of what I'm looking for is the same as when viewing a linked comment on Stack Overflow: <a href="https://stackoverflow.com/questions/18746649/css-highlighted-text-effect/18746683#18746683">CSS: highlighted text effect</a></p>
  
  <p>When you first view the comment, it is highlighted a color then transitions to white.</p>
  
  <p>I'm able to make it go from white to another color, but can't seem to do the reverse, and can't find any resources helping directly.</p>
  
  <p>To go from white to red, I have:</p>
  
  <pre><code>:target {
      border-radius: 3px;
      background-color: red;
      transition: background-color 1s linear;
  }
  </code></pre>
  
  <p>html:</p>
  
  <p>The link that takes you to the target:</p>
  
  <pre><code>&lt;div class="col-lg-12 title"&gt;Additional&lt;a target="_blank" href="/insight#additional"&gt;(?)&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The target being linked to:</p>
  
  <pre><code>&lt;div class="col-lg-12 section-header" id="additional"&gt;&lt;h3&gt;Required&lt;/h3&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I'd like to do the opposite of this (make it go from red->white).</p>
  
  <p>Any help would be much appreciated, as like I said, I've been looking for a solution but they're just not quite helping.</p>
  
  <p>Thanks!</p>