提醒:旋轉、傾斜、縮放的變形效果 transform (CSS properties) [2*] 2011年07月28日

订阅:u58868751
演示:以MSN订阅提醒为例 订阅到哪吒,有更新提醒我
哪吒机器人提醒:
提醒:網頁藝術思考 - CSS 網頁設計藝術, 無障礙網頁親和力:: 痞客邦 PIXNET ::
【标题】旋轉、傾斜、縮放的變形效果 transform (CSS properties) [2*]
【摘要】css transform 能旋轉、傾斜、縮放變形 box說明:運用 css level 3 (css 3) 的 transform 特性 (css properties) ,直接就可以旋轉、歪斜、放大、縮小、移動元素 (elements) 的 box 。包括整個元素所有的內容也都隨之變形,不再侷限只能在僵硬的矩形框,對網頁排版及設計上會有很大的彈性和突破,而且對網頁正常的編排不會有相互排擠問題,一格黏接一格耗時費工的殘腦時代終將走入歷史。適合:有 html 及 css 語法基礎概念者。難度:更新:2011-07-13支援: firefox, safari, google chrome, opera, ie9 (至撰文時,皆仍為廠商專屬擴充特性,須加上辨識詞) 。 標準語法transform: transform-function;說明特性值不像一般的數值,而是以像數學函數的方式表示;因為數據需要經過較複雜的公式運算出四邊形四角的位置。依照各種不同的變形效果,有數種變形函數,稍後說明。預設值 none ;表示沒有套上任何變形。如果變形函數中使用百分比 (%) 做為移動的數據,以元... (07-28 15:47)
收藏 |  评论 |  推荐给好友  | 
本文共有 0 次分享
评论
共有 - 条评论


我要反馈