rotation屬性是css3的新增屬性,用於圍繞由rotation-point屬性定義的指定點,對區塊級元素進行逆時針旋轉。邊框、內邊距、內容以及背景(非固定)也會被旋轉!但目前主流瀏覽器都還不支援該屬性。
css rotation屬性怎麼用?
rotation屬性圍繞著由rotation-point屬性定義的指定點,對區塊級元素進行逆時針旋轉。
語法:
rotation: angle;
屬性值:
##● angle:元素旋轉角度。可能的值:0deg 到 360deg。註:邊框、內邊距、內容以及背景(非固定)也會旋轉!目前主流瀏覽器都不支援 rotation 屬性。
css rotation屬性 範例
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> h1 { rotation-point:50% 50%; rotation:180deg; } </style> </head> <body> <h1>旋转效果</h1> <p><b>注释:</b>目前没有浏览器支持 rotation-point 或 rotation 属性。</p> </body> </html>
以上是css rotation屬性怎麼用的詳細內容。更多資訊請關注PHP中文網其他相關文章!