Comment highlight css transition effect
<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>