解决方案是在.elem中设置默认值。但是此动画可以与-moz一起正常使用，但尚未在-webkit中实现
它可以在Firefox上正常运行，但不能在Chrome上运行
.elem{ position: absolute; top: 40px; left: 40px; width: 0; height: 0; border-style: solid; border-width: 75px; border-color: red blue green orange; transition-property: transform; transition-duration: 1s;}.elem:hover { animation-name: rotate; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear;}@keyframes rotate { from {transform: rotate(0deg);} to {transform: rotate(360deg);}}<div ></div>
