title: CSS- Transition not working
body: <p>Hello everyone I'm currently trying to do a transition when you hover the background turns purple and the text-color turns white.(originally there's no background color and the text-color is black...)</p>
  
  <p>But it ain't working!</p>
  
  <p>What is it that Im doing wrong!?</p>
  
  <pre><code>a:hover {
      color: white;
      -webkit-transition: color 1000ms linear;
      -moz-transition: color 1000ms linear;
      -o-transition: color 1000ms linear;
      -ms-transition: color 1000ms linear;
      transition: color 1000ms linear;
      background-color: purple;
      -webkit-transition: background-color 1000ms linear;
      -moz-transition: background-color 1000ms linear;
      -o-transition: background-color 1000ms linear;
      -ms-transition: background-color 1000ms linear;
      transition: background-color 1000ms linear;
  }
  </code></pre>
  
  <p>So///EDIT as everyone keeps telling me to add it on a instead of a:hover...</p>
  
  <p>Initial state:</p>
  
  <pre><code>text-color:black;
  background:none;
  </code></pre>
  
  <p>Hovered state:</p>
  
  <p>Smooth Transition to:</p>
  
  <pre><code> text-color:white;
  background:black;
  </code></pre>
  
  <p>I hope this helps everyone out
  Thanks for your time!</p>