建站
咨詢
售后
建站咨詢
新聞中心
小編給大家分享一下css實現(xiàn)圖片旋轉(zhuǎn)90度的方法，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
成都創(chuàng)新互聯(lián)是一家專注于成都網(wǎng)站設(shè)計、網(wǎng)站制作與策劃設(shè)計,長樂網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:長樂等地區(qū)。長樂做網(wǎng)站價格咨詢:18980820575
Firefox下：
-moz-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);
ie 下：
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
這里是ie濾 鏡代碼部分，前面長長的大小寫錯綜的部分我們不用管它，看后面的”rotation=3″這是關(guān)鍵，這里的參數(shù)可以是0，1，2，3，沒有4，要是是4 啊，5啊之類的，圖片就不旋轉(zhuǎn)了。
旋轉(zhuǎn)的角度只要將這些數(shù)值乘以90(π/2)就可以了，所以呢”rotation=3″表示順時針旋轉(zhuǎn)270度，與 transform:rotate(270deg);是一個意思。所以，這里，就會有些小小的局限——不能實現(xiàn)任意角度的旋轉(zhuǎn)，只能是90度，180度以 及270度。
但是，IE瀏覽器不是個簡單的羅羅，要實現(xiàn)任意角度的旋轉(zhuǎn)，它還是有辦法的，只是要比上面的麻煩些，難理解些，要用到矩陣變換濾鏡。
demo如下：
以上是css實現(xiàn)圖片旋轉(zhuǎn)90度的方法的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！
網(wǎng)站題目：css實現(xiàn)圖片旋轉(zhuǎn)90度的方法
文章URL：http://www.dlmjj.cn/article/jgjdgi.html
