最新CSS標準參考網站：http://www.w3.org/Style/CSS/current-work。
IE9開發人員指導網站：http://msdn.microsoft.com/en-us/ie/ff468705。
webkit開發資料：http://www.webkit.org/projects/documentation/index.html，http://developer.apple.com/devcenter/safari/index.action。
firefox開發資料：https://developer.mozilla.org/En/Developer_Guide。
opera開發資料：http://dev.opera.com/articles/view/wcl-developer-guide/。
transform-origin是變形原點，也就是該元素圍繞著那個點變形或旋轉，該屬性只有在設置了transform屬性的時候起作用，它接受兩個參數，它們可以是百分比，em，px等具體的值，也可以是left,center,right，或者 top,center,bottom等描述性參數 ；它的默認值是50% 50%。
top left | left top 等價于 0 0；
top | top center | center top 等價于 50% 0
right top | top right 等價于 100% 0
left | left center | center left 等價于 0 50%
center | center center 等價于 50% 50%（默認值）
right | right center | center right 等價于 100% 50%
bottom left | left bottom 等價于 0 100%
bottom | bottom center | center bottom 等價于 50% 100%
bottom right | right bottom 等價于 100% 100%
transform屬性實現了一些可用SVG實現的同樣的功能。它可用于內聯(inline)元素和塊級(block)元素。它允許我們旋轉、縮放和移動元素 ，他有幾個屬性值參數：
rotate(旋轉)允許你通過傳遞一個度數值來轉動一個對象；
scale是一個縮放功能，可以讓任一元素變的更大。它使用一個或者兩個正數和負數以及小數作為參數；當使用一個參數時表示X軸和Y軸的縮放相同；
translate就是基于X和Y 坐標重新定位元素，當使用一個參數時表示X軸和Y軸的參數相同；
skew傾斜（ps中的斜切），參數是度數，當使用一個參數時表示X軸和Y軸的參數相同；
matrix矩陣變換，就是基于X和Y 坐標重新定位元素，它使用6個參數；
2.動態時鐘頁面的HTML + CSS
HTML 代碼：

發表評論 共有條評論 用戶名: 密碼: 驗證碼: 匿名發表