示例:给iconfont加旋转!----旋转180deg 2秒
①<i>标签先转换成行内块元素:
i{
display: inline-block;
}
必须给i标签转换成行内块元素:否则无法旋转!!!
注:(旋转要加在hover里)
给<i>加旋转必须由 &:hover:
如下:
i{
display: inline-block;
&:hover{
transform: rotate(180deg);
transition: 2s;
}
}
这是给<i>标签的iconfont图标加180度的旋转 、过渡2秒。