CSS工具（Autoprefixer、CSScomb、CSS3 Pie、CSS3 Maker）

2019独角兽企业重金招聘Python工程师标准>>>

#####Autoprefixer：一个以最好的方式处理浏览器前缀的后处理程序。 安装grunt-autoprefixer插件

npm install grunt-cli grunt-contrib-watch grunt-autoprefixer

Gruntfile.js

module.exports = function (grunt) {
     grunt .initConfig ({
          autoprefixer : {
               dist : {
                    files : { 'build/style.css' : 'style.css' } } },
                    watch : {
                         styles : {
                              files : ['style.css' ],
                              tasks : ['autoprefixer' ]
                         }
                    }
               });
 
grunt.loadNpmTasks('grunt-autoprefixer' );
grunt.loadNpmTasks('grunt-contrib-watch' );};

启用Grunt的Watch功能

./node_modules/.bin/grunt watch

#####CSScomb：CSS属性排序工具

#####CSS3 Pie：可以让IE6至IE8版本实现大多数的CSS3修饰特性，如圆角、阴影、渐变等。

#####CSS3 Click Chart: 非常好的CSS3效果演示，提供了实例代码。

#####CSS3 Please：非常帅的CSS3工具，可修改代码，即时预览

#####CSS3 Maker：可在线演示渐变、阴影、旋转、动画等非常多的效果，并生成对应效果的代码

#####CSS3 browsersupport：不同浏览器下CSS属性兼容性查看。

相关链接：

• Can I Use

转载于:https://my.oschina.net/jediKnight/blog/515958