title: CSS3 Transitions with Anchors
body: <p>I can't get this anchor transition to work! Please tell me what you think.</p>
  
  <p><strong>Here's the CSS</strong></p>
  
  <pre><code>a.transition {
      -webkit-transition: all 1s ease-in-out;
      -moz-transition: all 1s ease-in-out;
      -o-transition: all 1s ease-in-out;
      transition: all 1s ease-in-out;
  }
  </code></pre>
  
  <p><strong>And here's the HTML</strong></p>
  
  <pre><code>&lt;h1 id="intro"&gt;Let's Build Something... &lt;/h1&gt;
  &lt;h1 id="intro2"&gt;&lt;a class="transition" href="#create"&gt;Together&lt;/a&gt;.&lt;/h1&gt;
  &lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;
  
  &lt;p&gt;&lt;a name="create" class="transition"&gt;My name is Geoff Phillips, and I'm an innovator. What can I create for you?&lt;a/&gt;&lt;/p&gt;
  </code></pre>