Esiste un "compilatore" di css che si espande automaticamente per coprire tutti/quasi tutti i browser?

Question

Specificamente guardare le cose con un -webkit, -moz -o prefisso come trasformare, di transizione, ecc ...

Ho voglia qualcosa di simile a un smart sass (che ho pensato che probabilmente lo farebbe, ma doesn' sembra che) prenderebbe la forma generica di comandi e scriverebbe per me tutte le versioni con prefisso lungo. Per esempio:

.shrink { 
     -webkit-transition: -webkit-transform 1s; 
     -webkit-transform: scale(0); 
     -moz-transition: -moz-transform 1s; 
     -moz-transform: scale(0); 
     -o-transition: -o-transform 1s; 
     -o-transform: scale(0); 
    } 

sarebbe scritto come

.shrink { 
     transition: transform 1s; 
     transform: scale(0); 
    } 

ed il css "compilatore" sarebbe scrivere tutte le altre cose .....

Answer 1

Eccone uno: http://www.techievideos.com/videos/1152/Save-time-writting-vendor-prefixes-using-CSS3-and-LESS/

---

Un'altra opzione che porterebbe a termine l'obiettivo:

È un convertitore css3 che genera un'immagine di sfondo che viene offerta ai browser non conformi/vecchi. Vale la pena dare un'occhiata!

http://www.css3toimage.com/

Answer 2

Here a trovare una quantità di attributi WebKit CSS. Molti di loro sono simili a -o o -moz!

Answer 3

Sì.

SCSS + Compass si ottiene ciò che si vuole

Ecco un esempio di uno dei Compass' example pages (a patto che non vi occupate di compilazione linea Rubino/comando.):

SCSS:

@include background-clip(padding-box); 

    @include background-clip(border-box); 

Questi espandere a:

-moz-background-clip: padding; 
-webkit-background-clip: padding; 
-o-background-clip: padding-box; 
-ms-background-clip: padding-box; 
-khtml-background-clip: padding-box; 
background-clip: padding-box; 

/* And */ 

-moz-background-clip: border; 
-webkit-background-clip: border; 
-o-background-clip: border-box; 
-ms-background-clip: border-box; 
-khtml-background-clip: border-box; 
background-clip: border-box;