CSS3除了為開發者提供二維變形之外，還將動畫從二維平面推動到了三維立體狀態，能夠實現真正的三維特效。
三維變形和二維變形一樣，均使用的是transform屬性。想要觸發三維變形有兩種方式：一種方式是通過語法告知瀏覽器“請采用三維方式進行變形處理”，另一種方式是直接使用CSS3三維變形的語法。
觸發方法1：告知瀏覽器變形方式
-WebKit-transform-style:preserve-3d;
Tips：IE不支持三維變形，在移動端，絕大多數的瀏覽器均為WebKit內核，因此，在此句代碼之前需要書寫-webkit-的前綴內核。
Tips：不要為body元素設置-webkit- transform-style: preserve 3d,否則會對position:fixed定位的元素造成布局影響。在開發當中，如果當前元素屬于body的子級元素，又希望應用三維變形，則在body和當前元素之間多嵌套一層結構，并為這層元素應用三維變形即可。
觸發方法2：直接使用CSS3變形語法
<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>言成科技/title>
<style>
.box1 {
width: 150px;
height: 150px;
border: 2px solid blue;
}
.box1 div {
height: 150px;
background: rgba(0, 0, 0, 0.5);
-webkit-transform: translate3d(30px, 60px, 20px) rotateX(30deg);
transform: translate3d(30px, 60px, 20px) rotateX(30deg);
}
</style>
</head>
<body>
<div class="box1">
<div></div>
</div>
</body>
</html>
感謝邀約，你的這個問題提的很好，10月5日凌晨，對于Vue來說是個重要的日子，尤雨溪公布了 Vue 3 源代碼，這次源代碼最大的亮點就是 98% 以上使用TypeScript 編寫，目前就有一個很現實的問題擺在我們前端開發者的面前，如果你不學習 TypeScript ，Vue 源代碼你就看的很吃力。
因此，關于你的提問，我可以肯定的告訴你，作為前端開發者，我們此時比以往任何時候更需要學習TypeScript，以下是針對這個答案的觀點，歡迎大家指正。
首先我們來了解下什么是TypeScriptC#語言的創始人 Anders Hejlsberg 設計了 TypeScript，并于2013年6月19日發布了其第一個正式版本，它是JavaScript的一個超集，之所以設計這個語言的初衷就是幫助前端開發人員能像后端開發人員那樣利用高級語言的特性進行編寫代碼。比如可以利用高級語言的這些特點：強類型、面向對象、語法檢查，代碼編譯等。TypeScript 還有一個最大的特點就是可編譯 ，編譯的好處就是有利于發現錯誤，一發現錯誤就終止編譯，提前幫我們定位問題，編譯通過后，就會將 TypeScript 語言轉換成高質量的原生JavaScript 代碼。
經過這幾年的發展，TypeScript 的最新版本是3.X，目前是微軟最有影響力的產品之一，最重要的一點是現在完全免費并且開源。還有一個比較有趣的事情是，連谷歌這樣競爭對手，在其 Angular 的前端框架產品上，也放下成見，從2.0 版本就開始擁抱TypeScript，可見谷歌在這件事情多么有先見知名，現在 React 、Vue 才意識到使用TypeScript。從目前的情況來看，如果你不學習TypeScript，Angular 框架你就無法使用，在過不了多久，React 、Vue 也不好說會不會強制要求我們使用TypeScript，反正Angular 最早這么干了，目前還是主流的前端框架之一。
然后我們在來分析下 JavaScript 的現狀這幾年 JavaScript 可謂發展迅速，可謂全平臺通吃，現流行稱作“大前端”，目前前端不僅能做網站、還能做手機端、WebGL 3D 動畫、VR、后端、游戲開發、物聯網開發、甚至人工智能等等，這些互聯網產品的主要形態，幾乎都可以用前端來完成。由于其發展太快，JavaScript 這門語言也在緊跟時代的步伐，并且改名ECMAScript，幾乎每年都會有新版本發布，目前最新版本應該到10了，就是這樣的發展速度，還是與java 和 c# 這些成熟的高級語言還有很大的距離。由于版本的問題，我們在項目中可能混雜著各版本的腳本，造成了規范不統一，兼容性差的各種問題。
接下來，我們來回顧下 JavaScript 的常見的場景，由于其實弱語言的特點，不會進行類型檢查，比如 1+“1” 這個問題，有可能是我們人為失誤的原因多寫了雙引號，其結果不會報錯，會正常輸出一個我們不想見到的結果11，這就造成了我們很難發現問題。除此之外，還有莫名其妙的各種undefined問題，也不會影響程序運行，增加了我排查問題的難度。
因此我們需要一個工具幫我們降低 JavaScript 弱語言的脆弱性，減少由于不正確類型導致錯誤產生的風險和各種版本混雜造成錯誤的風險等等。TypeScript 的出現正好解決了我們的這類問題。
接下來具體分析下 TypeScript 的特點和優勢1、入門容易，前端開發者很容易上手
TypeScript 從表面上看來就和普通的 JavaScript 代碼差不多，無非就是把高級語言的強類型這個最主要的特征引入JavaScript，就好像為 JavaScript 上了一把高級語言強類型的鎖，避免這類問題的產生，由此不得不佩服微軟的良苦用心，就是為了讓我們前端開發者更好的更快的學習TypeScript。我們先來看段代碼，理解下強類型的特征，如下代碼所示：
你可能認為這段代碼很平常，如果你這樣調用 increaseAge(cat)，TypeScript 編譯器就會報出錯誤，提示你increaseAge這個函數的參數必須是數字。如果是原生 JavaScript 不但不報錯，還會正常的返回結果，這就大大增加了我們開發過程中潛在的風險及排查錯誤的時間成本。這也許就是TypeScript 的魅力所在，提前幫我們發現代碼出現錯的風險。
2、按需編譯成我們指定的 JavaScript 版本
在上面分析 JavaScript 的現狀時，我們提及到 JavaScript 版本幾乎每年都會有新的版本，如果你要寫出兼容性比較高的腳本，對于我們前端開發者來說是一個很大的挑戰，你不能保證每個人都使用let，或者超前使用最新語法特性等。TypeScript 卻很好的解決了此問題，你可以按需輸出你需要的腳本，比如 ECMAScript 3、ECMAScript 5 、ECMAScript 6 。同時 TypeScript 還與時俱進，緊跟 JavaScript 的新特性，這就意味你可以使用這些新特性進行編寫，無需考慮其是否兼容，兼容的事情都交給 JavaScript 編譯器吧。
3、代碼規范標準，有利于團隊協作開發
現在的互聯網產品越來越復雜，形態又多，各終終端，一個產品不可能只有一個前端進行開發，現在前端開發也是團隊的開發模式，剛才提及到 JavaScript 本身的特點還有其發展太快，這就會造成每個人寫代碼的隨意性就會很大，你當然可以為團隊引入 eslint 這些插件進行代碼質量檢查，但是你要整理出這些規范來估計要花費不少的時間。與其花時間在這上面，還不如在TypeScript 的基礎上，結合 TypeScript 的特點做一套標準即可來應對 JavaScript 版本不斷更新的特點。
最后給前端初學者的一些建議如果你是 JavaScript 的新手，我不建議你一上來就學習 TypeScript，等你有了一定的基礎，對前端的概念和邏輯有一定的認知后，再學 TypeScript 也不晚，并且學習起來更快 ，這樣你就會寫出更健壯的 TypeScript。TypeScript 這個工具的設計初衷并不是為了吸引更多的人學習前端，而是為了讓具有一定基礎的前端開發者編能像其他高級語言開發者一樣編寫出質量更高的健壯性的代碼。
小節今天的內容就分享到這里，不知道我的這些觀點是否能說服你去學習 TypeScript 。還有一個原因我漏掉了，我在這里補充下，你會發現目前端崗位的招聘需求里有的公司都明確要求熟練掌握TypeScript啦 ，學習TypeScript本身并不難。它像JavaScript一樣編寫和運行，只是增加一些新的理念和語法糖，我們學起來也會更加順手，加油吧，現在開始學習 TypeScript 并不晚。
感謝大家閱讀，如果你有什么好的想法歡迎到留言區分享交流，如果你贊同我的回答，歡迎給個贊和轉發，謝謝支持。你好！我是Python集結號，目前做軟件開發已經八年了，我來回答你這個問題。
作為一個軟件開發人員寫代碼是工作的日常，而且我們也養成了有問題馬上百度、谷歌，寫代碼也一樣，借鑒別人的代碼不僅可以事半功倍，而且學習源碼是作為高級軟件開發人員必不可少的技能。那么有哪些免費開源軟件網站可以使用呢？我推薦以下三個。
1、GitHub
全球最大的“同性交友”網站，聚集了超過四千萬的軟件開發人員，擁有超過1億個代碼倉庫，是當之無愧的全球最大開源平臺。幾乎包含了所有編程語言相關開源庫，并且擁有大量最新最流行技術庫。2018年6月4日，微軟宣布，通過75億美元的股票交易收購代碼托管平臺GitHub。
2、碼云
號稱國內版的“GitHub”，有開源中國出品，旨在樹立國內代碼托管和協作開發的行業標桿。而且提供了從GitHub上fork代碼的功能，我經常使用它解決GitHub下載慢的問題。
3、SourceForge
SourceForge 是全球最大開源軟件開發平臺和倉庫，網站建立的宗旨，就是為開源軟件提供一個存儲、協作和發布的平臺。SourceForge 上擁有大量非常優秀的開源軟件，事實上，這些軟件完全可以代替一些商業軟件。只不過因為商業模式的不同而被GitHub超越了。
結語基本上GitHub是我們的首選開源庫，不僅提供大量的源代碼，還有很多免費軟件、破解軟件和學習教程，非常非常推薦使用，我一般只有在無法訪問或者下載超慢的情況下才使用碼云之類的。本來還有一個CodeForge，但是商業性太強，就不推薦了。