title: Slide out label with css3 transitions
body: <p>I have the following <a href="http://codepen.io/anon/pen/EaHec/" rel="nofollow">codepen</a>, this is a basic positioned label with the number and marker text:</p>
  
  <pre><code>&lt;span href="#" class="part-marker"&gt;
    &lt;a href="#" class="marker-label"&gt;1&lt;span&gt;&amp;nbsp;marker text&lt;/span&gt;&lt;/a&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>How can I get it to slide out on hover using css3 transitions? I've tried using this with no success??</p>