title: Two transitions at once
body: <p>In <a href="https://stackoverflow.com/questions/11622883/animating-specific-corners-on-hover-with-jquery/11622955#comment15392078_11622955">this discussion</a> some great pointers were given. Now, i'd like to use not only</p>
  
  <pre><code>-webkit-transition: border-radius 0.5s;
  </code></pre>
  
  <p>but also</p>
  
  <pre><code>-webkit-transition: background-color 0.5s;
  </code></pre>
  
  <p>and then go</p>
  
  <pre><code>div.menuItem:hover {
    border-radius: 145px 85px 145px 85px;
    background-color: #000000;
  }
  </code></pre>
  
  <p>When i only do one transition at a time, it works fine but i don't know how to combine those.</p>