求教：如何用CSS樣式 將背景圖 旋轉
求教：如何用CSS樣式 將背景圖 旋轉
慕田峪9158850
2019-03-22 15:14:15
4 回答
千萬里不及你
TA貢獻1784條經驗 獲得超9個贊
1 2 3 4 5 6 7 | div { transform:rotate(9deg); -ms-transform:rotate(9deg); /* Internet Explorer */ -moz-transform:rotate(9deg); /* Firefox */ -webkit-transform:rotate(9deg); /* Safari 和 Chrome */ } |
這是css3 的2d轉換 確實能實現將背景圖旋轉。（9deg是選擇角度 自己調整）
但是！ 他會把div里面的所有內容都旋轉掉(如果里面有文字或者其他也都會被影響而旋轉)！
拉莫斯之舞
TA貢獻1820條經驗 獲得超10個贊
用css3的transform: rotate()屬性可以實現，具體如 .google{transform:rotate(180deg)}；
其中需要注意的是：
1、180deg指的是元素旋轉角度，單位為deg；
2、Chrome 和 Safari 需要前綴 -webkit-，Internet Explorer 9 需要前綴 -ms-，Opera需要前綴-o-，Firefox需要前綴-moz-；
因此完整實現代碼如下：
.google
{
transform: rotate(180deg);
-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Safari and Chrome */
-o-transform: rotate(180deg); /* Opera */
-moz-transform: rotate(180deg); /* Firefox */
}
- 4 回答
- 0 關注
- 7763 瀏覽
添加回答
舉報
0/150
提交
取消