title: css transition effect for border
body: <p>hi all am using css3 transition effect here am trying to use it for border style my css</p>
  
  <pre><code>.round{
      width:50px;
      height:50px;
      border-radius:50px;
      border:5px solid #ccc;
      cursor:pointer;
      background-color:#f00;
      -moz-transition: 0.5s ease;
      -ms-transition: 0.5s ease;
      -o-transition: 0.5s ease;
      transition:all 0.5s ease 0s
  }
  .round:hover{
      border-style:dotted;
      border-color:#666;
      background-color:#ccc;
  }
  </code></pre>
  
  <p>while hover the round i need to change the border-style but its not working in moz browsers i need to change the border-style by rotated way.</p>
  
  <p>here my <a href="http://jsfiddle.net/Vivekranth/herzb/24/" rel="nofollow">fiddle</a></p>