एस.ए.एस.एस./कम्पास संक्रमण

Question

यह संभव निम्नलिखित सीएसएस संक्रमण है कि उत्पादन सभी विभिन्न विक्रेता उपसर्गों होगा उत्पादन के लिए कम्पास या एस.ए.एस.एस. उपयोग करने के लिए है?

Answer 1

उपयोग compass' transition mixin:

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

Answer 2

का उपयोग कर एनिमेशन बनाने के लिए Mixin के एकल या "सभी" संपत्ति संक्रमण कई संपत्ति संक्रमण

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

का उपयोग कर एनिमेशन बनाने के लिए

@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

Answer 3

एस.ए.एस.एस. Mixin

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

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