css中打开二级菜单的时候，带有指示性的箭头旋转

css中打开二级菜单的时候，带有指示性的箭头旋转

效果如图所示

光标未触发时

---

当光标移入时

---

此处省略html的代码，主要的css代码如下：

.taobao:hover i{
				transform: rotate(180deg);
				/*在transform属性中，使用rotate选装属性，使其图标旋转180度，deg是单位，和度类似，取值为0~360*/
				transition: all 0.6s;
				/*在transition属性中，设置它变化之间的时间，第一个值是变化的对象，可以是all、height、width等等，第二值是它变化需要的时间，单位为s*/ 
			}