Sass/Compass Transitions

Question

Có thể sử dụng Compass hoặc Sass để đầu ra quá trình chuyển đổi CSS sau đó sẽ đưa ra tất cả các tiền tố nhà cung cấp khác nhau:

-webkit-transition: all 0.3s ease-in-out; 

thể bất cứ ai chỉ cho tôi đến thư viện có đúng không?

Answer 1

Sử dụng compass' transition mixin:

@include transition(all 0.3s ease-in-out); 

Answer 2

Mixin để tạo hình ảnh động sử dụng đơn hoặc "tất cả" chuyển tài sản

@include transition(PROPERTY DURATION DELAY(OPT) TIMING-FUNCTION) 
@mixin transition($transition) { 
    -webkit-transition: $transition; 
    -moz-transition: $transition; 
     -ms-transition: $transition; 
     -o-transition: $transition; 
      transition: $transition; 
} 

Mixin để tạo hình ảnh động sử dụng nhiều hiệu ứng chuyển tiếp tài sản

@include multi-transition("PROPERTY DURATION DELAY(OPT) TIMING-FUNCTION, PROPERTY DURATION DELAY(OPT) TIMING-FUNCTION") 
@mixin multi-transition($transition) { 
-webkit-transition: #{$transition}; 
    -moz-transition: #{$transition}; 
    -ms-transition: #{$transition}; 
     -o-transition: #{$transition}; 
     transition: #{$transition}; 
} 

Answer 3

Sass Mixin

@mixin transition($transition){ 
    -webkit-transition: $transition; 
    -moz-transition: $transition; 
    -o-transition: $transition; 
    transition: $transition; 
} 

@include transition(all 0.3s ease-in-out);