Vendor-prefixed CSS Property Overview

瀏覽器四大核心

所支援的vendor-prefixed css property

恰巧又看見了，原來IE9 不需要vendor-prefixed就可以有圓角效果耶border-radius
想了解更多請看這篇文章CSS vendor prefixes considered harmful。

vendor-prefixed是指各瀏覽器特定的css屬性語法，用同一種核心開發的瀏覽器識得
這些語法。
但其實這篇overview也幫大家整理了哪些瀏覽器也提供了不需要vendor-prefix的一些css屬性
例如

 

例如屬性附註旁邊有個小小紅色圖樣的，則是表示此核心不用vendor-prefixed也同樣支援。

讓我更詳細的介紹一下何謂 vendor-prefixed
-WebKit  這是給google chrome與safari 看的
-moz      這是給Gecko 核心開發的瀏覽器  例如 firefox看的 
我們經常可以看到  同一種css3的屬性效果，有三種不同的寫法

-moz-transition  /*for firefox*/
-webkit-transition  /*for safari, chrome*/
-o-transition  /*for Opera*/

不過要一個一個記哪些瀏覽器支援的詳細語法是什麼實在太費時了
因此，這篇備忘已經幫大家整理好了，目前四大核心瀏覽器
所支援的vendor-prefixed，有需要的人只需到此網站來看即可。