鼠标放上去转动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才是属性名，不能分开控制。