DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS3基礎 >> 9.1 CSS3變形簡介
9.1 CSS3變形簡介
編輯:CSS3基礎      日期:2016/12/22 13:50:02

從這一章開始,我們正式踏入CSS3的神奇領域:CSS3動畫。在CSS3動畫出現之前,對於動畫效果(如漸顯、移動等)大部分都是使用JavaScript制作。而現在這些動畫效果僅僅使用幾句CSS代碼即可輕松實現。

CSS3動畫效果共3大部分:

  • (1)CSS3變形;
  • (2)CSS3過渡;
  • (3)CSS3動畫;

這一章,我們先來學習CSS3變形效果。

一、CSS3變形

在CSS3中,我們可以使用transform屬性來實現文字或圖像的的各種變形效果,如位移、縮放、旋轉、傾斜等。

transform屬性變形方法 方法或屬性 說明 translate() 位移 scale() 縮放 rotate() 旋轉 skew() 傾斜 transform-origin 中心原點

看到了麼?其實這一章學習的這些變形方法,我們在中學階段都接觸過,這一章其實很簡單,我們在學習中CSS3變形的時候多聯想一下中學的知識。通俗點說,這些變形方法在中學階段是用“數學形式”來表達,而現在我們用“編程形式”來表達罷了。

在接下來的章節中,我們詳細為大家講解這些CSS3變形方法或屬性。

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