CSS设置旋转 transform:rotate无效。

今天遇到一个奇怪的问题，CSS给 icon图标设置一个hover 旋转180deg的效果，不生效。
一度任务样式被覆盖了，样式不生效没选中元素的class。但是设置hover改变大小是生效的。奇怪了？

为什么会无效呢？

原因：CSS的rotate只 对block或 inline-block类型元素有效。
可以把元素设为 display:inline-block 行内块元素。

测试：旋转生效。