Có trình biên dịch "css" tự động mở rộng để bao gồm tất cả/hầu hết các trình duyệt không?

Question

Cụ thể xem xét mọi thứ bằng một tiền tố -webkit, -moz -o như chuyển đổi, chuyển đổi, v.v ...

Tôi muốn một cái gì đó giống như một smart sass (mà tôi nghĩ có lẽ sẽ làm điều đó, nhưng doesn ' t xuất hiện) sẽ có dạng lệnh chung và viết tất cả các phiên bản tiền tố dài cho tôi. Ví dụ:

.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); 
    } 

sẽ được viết như

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

và css "biên dịch" sẽ viết ra tất cả những thứ khác .....

Answer 1

Dưới đây là một: http://www.techievideos.com/videos/1152/Save-time-writting-vendor-prefixes-using-CSS3-and-LESS/

---

Một tùy chọn khác sẽ hoàn thành mục tiêu:

Đây là công cụ chuyển đổi css3 tạo hình nền được phân phối tới trình duyệt không tương thích/cũ. Đáng xem!

http://www.css3toimage.com/

Answer 2

Here bạn tìm thấy một số lượng thuộc tính webkit css. Hầu hết chúng tương tự như -o hoặc -moz!

Answer 3

Có.

SCSS + Compass sẽ giúp bạn có được những gì bạn muốn

Dưới đây là một ví dụ từ một trong Compass' example pages (miễn là bạn không nhớ Ruby/dòng lệnh biên dịch.):

SCSS:

@include background-clip(padding-box); 

    @include background-clip(border-box); 

Những mở rộng ra:

-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;