web-dev-qa-db-ja.com

SASS /コンパス遷移

CompassまたはSASSを使用して、さまざまなベンダープレフィックスをすべて出力する次のCSS遷移を出力することは可能ですか?

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

誰かが正しいライブラリを私に指摘できますか?

19
dagda1

compass 'transition mixin を使用:

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

単一または「すべて」のプロパティ遷移を使用してアニメーションを作成するための混合

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

複数のプロパティ遷移を使用してアニメーションを作成するための混合

@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};
}
6
Mo.

SASS Mixin

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

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