title: How to make a CSS transition loop once?
body: <p>I am trying to make some text fade to a new colour and then back to it's original colour.</p>
  
  <pre><code>#sidebar2:target .phonenumber { 
      -o-transition:0.7s;
      -ms-transition:0.7s;
      -moz-transition:0.7s;
      -webkit-transition:0.7s;
      transition:0.7s;
      color: yellow;
  }
  </code></pre>
  
  <p>Currently it just goes to the new colour and stays like that. How can I adapt this code so that is does what I want? Any help is appreciated!</p>
  
  <p>EDIT:</p>
  
  <p>I am using :target so that when a user clicks on a same page link, the part of the text that I'm linking to is highlighted. I would like the text to fade to a different colour and then back again </p>