鼠标放上去转动360度；鼠标放上去边框可以宣示；但是就是不能转动

Question

.nav-bar>ul>li>a{

line-height: 30px;
display: inline-block;
position: relative;
transition: rotate 1s;
-webkit-transition: rotate 1s;

}

.nav-bar>ul>li:hover>a{

border-width: 2px 0;
border-color: #ff2f68;
border-style: solid;
transform: rotate(360deg);
-ms-transform: rotate(360deg); /* IE 9 */
-webkit-transform: rotate(360deg);

}

Answer 1

transition: transform 1s;
-webkit-transition: transform 1s;

transform才是属性名，不能分开控制。