建站
咨詢(xún)
售后
建站咨詢(xú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ú)法阻擋。
創(chuàng)新互聯(lián)主營(yíng)濱城網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營(yíng)網(wǎng)站建設(shè)方案,重慶APP軟件開(kāi)發(fā),濱城h5小程序開(kāi)發(fā)搭建,濱城網(wǎng)站營(yíng)銷(xiāo)推廣歡迎濱城等地區(qū)企業(yè)咨詢(xún)
本文作者一直以來(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è)功能的用途。
3. CSS 3D Matrix Transformation
本文是第2部分，如果你是一位cos，sin，matrix迷，那么，此文絕對(duì)是您的菜。文中通過(guò)幻燈演示，讓您了解每一個(gè)屬性。
4. Getting you started for CSS 3D transform
本文由Mozilla開(kāi)發(fā)者Derby提供。這個(gè)視頻是利用CSS3創(chuàng)建的3D動(dòng)畫(huà)。
5. An attempt at Understanding CSS 3D Perspective
透視是個(gè)比較棘手的問(wèn)題，為了清除混亂，本教材讓您從不同的角度了解透視。
6. Intro to CSS 3D Transforms
這篇由David Desandro提供的教程詳細(xì)描述了代碼演示案例，你會(huì)驚訝于其利用代碼創(chuàng)建出的驚人效果。
7. CSS 3D Transform Module
如果你想了解CSS 3D轉(zhuǎn)換更多功能，W3C是個(gè)不錯(cuò)的網(wǎng)站。
8. 3D Transform tool
一款好的工具應(yīng)當(dāng)能夠讓你隨時(shí)查詢(xún)并獲得答案，而這款你值得擁有。
盡管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
【編輯推薦】
- CSS布局：40個(gè)教程、技巧、例子和最佳實(shí)踐
- CSS大師訪談：提供商前綴的困境
- 動(dòng)態(tài)時(shí)鐘制作過(guò)程（CSS3+jQ）
- 純CSS實(shí)現(xiàn)新手幫助提示功能(首次登入提示)
- 簡(jiǎn)潔風(fēng)格按鈕及其CSS 3實(shí)現(xiàn)方法
本文解釋了如何利用CSS3創(chuàng)建出不同功能應(yīng)用，比如matrix3d，perspective，rotateX，rotateY，rotateZ，rotate3d，scaleX，scaleY，scaleZ，scale3d，translateX，translateY，translateZ，translate3d。這是一篇非常不錯(cuò)的文章，幫助你了解每個(gè)基本功能的實(shí)現(xiàn)方式。
2. Understanding CSS 3D Transform
文章名稱(chēng)：CSS3D轉(zhuǎn)換教程大放送
標(biāo)題網(wǎng)址：http://www.dlmjj.cn/article/cosdhii.html
