title: Is RGBA Background property not supported by CSS3 Transitions?
body: <p>I am trying the following code but I am not seeing any kind of transition.</p>
  
  <pre><code>#menu .col_1 a{
      -webkit-transition: all .5s ease-out 0.1s;
      -moz-transition: all .5s ease-out 0.1s;
      -o-transition: all .5s ease-out 0.1s;
      transition: all .5s ease-out 0.1s;
  }
  
  #menu .col_1 a:hover{
      background-color: rgb(255, 255, 255);
      background-color: rgba(255, 255, 255, 0.5);
      /* For IE 5.5 - 7*/
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
      /* For IE 8*/
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  }
  </code></pre>
  
  <p>Did I mess something up or is this type of transition not supported? The hover is working correctly, I just don't see any transition.</p>