CSS 3D轉(zhuǎn)換教程大放送
CSS 3D轉(zhuǎn)換在Web開(kāi)發(fā)中已成為一個(gè)熱點(diǎn)話題。教程、演示示例以及現(xiàn)實(shí)生活的中應(yīng)用幾乎無(wú)處不在。盡管它只支持***版本的WebKit引擎（比如Chrome和Safari），但CSS 3D帶來(lái)的超炫酷的技術(shù)依然令人無(wú)法阻擋。
本文作者一直以來(lái)都在從事將2D轉(zhuǎn)換成3D方面的研究。也許你會(huì)因一些概念、術(shù)語(yǔ)等將兩者混淆，文中例舉的這幾款示例能幫你輕松解答困惑。對(duì)于CSS 3D愛(ài)好者來(lái)說(shuō)，無(wú)疑是個(gè)不錯(cuò)的選擇。
一起來(lái)看下本文為您推薦的8篇非常實(shí)用的CSS 3D轉(zhuǎn)換教程吧！
1. Adventures In the Third Dimension: CSS 3D Transforms
通過(guò)圖文并茂深入了解CSS 3D轉(zhuǎn)換過(guò)程。本教材分為兩大部分，其中第一部分解釋了每個(gè)功能的用途。 本文是第2部分，如果你是一位cos，sin，matrix迷，那么，此文絕對(duì)是您的菜。文中通過(guò)幻燈演示，讓您了解每一個(gè)屬性。 本文由Mozilla開(kāi)發(fā)者Derby提供。這個(gè)視頻是利用CSS3創(chuàng)建的3D動(dòng)畫(huà)。 透視是個(gè)比較棘手的問(wèn)題，為了清除混亂，本教材讓您從不同的角度了解透視。 這篇由David Desandro提供的教程詳細(xì)描述了代碼演示案例，你會(huì)驚訝于其利用代碼創(chuàng)建出的驚人效果。 如果你想了解CSS 3D轉(zhuǎn)換更多功能，W3C是個(gè)不錯(cuò)的網(wǎng)站。 一款好的工具應(yīng)當(dāng)能夠讓你隨時(shí)查詢并獲得答案，而這款你值得擁有。 盡管CSS 3D轉(zhuǎn)換還未成熟，但開(kāi)發(fā)者們卻熱衷于使用并且受到了大家的強(qiáng)烈追捧。 溫馨提示：您可以使用Modernizr來(lái)檢測(cè)瀏覽器是否支持。 原文鏈接：http://www.php100.com/html/webkaifa/DIV_CSS/2012/0509/10379.html 【編輯推薦】
本文解釋了如何利用CSS3創(chuàng)建出不同功能應(yīng)用，比如matrix3d，perspective，rotateX，rotateY，rotateZ，rotate3d，scaleX，scaleY，scaleZ，scale3d，translateX，translateY，translateZ，translate3d。這是一篇非常不錯(cuò)的文章，幫助你了解每個(gè)基本功能的實(shí)現(xiàn)方式。
