边框的CSS过渡效果

Question

大家好，我在这里使用 css3 过渡效果，我试图将它用于我的 css 边框样式

.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;
}

将鼠标悬停在圆形上时，我需要更改边框样式，但它在 moz 浏览器中不起作用，我需要通过旋转方式更改边框样式。

这是我的fiddle

Answer 1

这是你想要实现的吗http://jsfiddle.net/herzb/27/

border-style:dotted;
border-color:#666;
background-color:#ccc;
-webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg); 
  -ms-transform: rotate(360deg);
   -o-transform: rotate(360deg); 
      transform: rotate(360deg);
 }