CSS3 前綴添加網站

在使用 CSS3 樣式時，我們常常需要添加瀏覽器前綴來確保在不同瀏覽器上都能正常顯示樣式。手動添加每個前綴十分麻煩，因此我們可以使用以下兩個工具來自動添加前綴：

Autoprefixer

Autoprefixer 是一個廣泛使用的 CSS 前綴自動添加工具，它可以根據當前流行的瀏覽器和平臺的規則自動添加所需的前綴。

在使用 Autoprefixer 時，我們需要安裝它的 npm 包，并在 CSS 文件中使用相應的 postcss 插件來調用 Autoprefixer：

npm install postcss-cli autoprefixer -g
postcss input.css -o output.css --use autoprefixer --no-map

Prefixr

Prefixr 是另一個很好用的 CSS 前綴自動添加工具，它可以根據用戶指定的瀏覽器版本和平臺自動添加前綴。

在使用 Prefixr 時，我們可以直接在網站上輸入 CSS 代碼，它會自動給代碼添加前綴，并返回添加前綴后的代碼。

同時，Prefixr 還提供了 API 接口，供開發者在應用中調用自動添加前綴的功能。

總之，以上兩個工具都能幫助我們自動添加 CSS 前綴，讓我們可以更方便地寫出跨瀏覽器的 CSS3 樣式。