儘管人們期望在屏幕上有些改變，但是 CSS 和 HTML 對頁面中的交互能做的實在太少了，而那些還需要用代碼來實現。 比如一個鏈接要麼是這個顏色，要麼是那個顏色；一個文本區域要麼這麼大，要麼那麼大；一張圖片要麼是透明的要麼是不透明的；它們是從一個狀態直接變到另一個狀態——中間並沒有過渡。 這導致大部分網頁有些生硬，因為元素只會很死板的切換或改變。 是的，你可以使用 DHTML、jQuery 或者自己編寫 JS 來實現過度，但是這需要更多的代碼來實現本應該非常簡單的功能。 我們需要的是快速而簡單的方法來給頁面添加簡單的變換(transition)效果。在本文中，你會發現很有用的關於 CSS 變換(transition)以及如何使用它們的信息。 幾個月之前，我就建議設計師應該開始使用新的 CSS 3 技術來實現一些它們渴求已久的基本的功能了——唯一的問題就是，這些技術沒有一個能在 IE 中可用，包括 IE8 。 一些讀者認為的那些技術將會有 75% 的用戶看不到的觀點是不靠譜的。 對那些讀者我想說，“坐穩了”，因為我將要向你介紹另一個新的 CSS 屬性，它允許你通過簡單的幾行代碼來為任意元素添加很酷的變換效果。 CSS 變換剛剛在 CSS 3 中被引入，但是已經被添加為 webkit 的擴展了。也就是說，現在它們只能用於基於 webkit 內核的瀏覽器，包括 Apple Safari 和 Google Chrome。不過從 Opera 10.5 pre-Alpha 版本來看，Opera 將在下一個 10.5 中支持 CSS 3 變換。所以要看到本文中提到的實際效果，強烈建議你使用 Chrome 或者 Safari 4 來查看本文。
