DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS特效代碼 >> 變形屬性 transform
變形屬性 transform
編輯:CSS特效代碼     

transform功能可以實現文字或圖像的旋轉、綻放、傾斜、與移動;

    注意點:1、其移動、旋轉、傾斜、與綻放這4種效果的使用先後順序不同,頁面會顯示不同的結果;

        2、屬性值有一個參數與有多個參數的別;

        3、在用移動效果時注意其移動方向(很容易在不看效果時,不知向那移動);

tansform的屬性值:

  2D時:

  1、translate(x,y):有兩個參數,第一個參數表示水平方向上移動,第二個參數表示垂直方向上移動,注意---當只寫一個參數時表示只在水平方向上移動,垂直方向上不移動;                                           寫法translate(50px,60px)或translate(1000px);

  2、ratate(x):參數表示度數,單位用度表示,寫法為ratate(45deg);旋轉方向 為順時針旋轉;

  3、skew()

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved