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