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 样式。