已解決430363個問題，去搜搜看，總會有你想問的

iconfont字體圖標旋轉

首頁猿問 iconfont字體圖標旋轉

iconfont字體圖標旋轉

JavaScript

桃花長相依 2018-11-22 19:15:07

<i class="iconfont rotate"></i>.rotate{transform: rotate(90deg)}圖標在頁面中沒有旋轉，用的是Chrome瀏覽器，求原因？是不是阿里的矢量圖標不支持旋轉<i class="icon iconfont icon-leftnav-ss" style="transform: rotate(90deg);"></i>謝謝，頁面中仍然沒有不變化

查看完整描述

1 回答

ibeautiful

TA貢獻1993條經驗獲得超6個贊

首先，你應該是下載了阿里iconfont的源碼，源碼包里面有個demo_fontclass.html，里面有你需要的圖標字符的類名和使用說明。
以下是一些簡要的說明：

引入了下載的包里的iconfont.css之后，使用iconfont字體需要輸入class="iconfont icon-xxx"，具體的icon-xxx請參見demo_fontclass.html文件，是根據你的打包而定的。

其次，如果你只是需要旋轉圖標，請把.rotate改成.rotate:before，因為iconfont是通過:before偽元素的content CSS屬性給元素加上的圖標。

反對回復 2018-12-25

1 回答
0 關注
1200 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

iconfont字體圖標旋轉

iconfont字體圖標旋轉

1 回答

添加回答