CompassまたはSASSを使用して、さまざまなベンダープレフィックスをすべて出力する次のCSS遷移を出力することは可能ですか?
-webkit-transition: all 0.3s ease-in-out;
誰かが正しいライブラリを私に指摘できますか?
compass 'transition
mixin を使用:
@include transition(all 0.3s ease-in-out);
単一または「すべて」のプロパティ遷移を使用してアニメーションを作成するための混合
@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};
}
SASS Mixin
@mixin transition($transition){
-webkit-transition: $transition;
-moz-transition: $transition;
-o-transition: $transition;
transition: $transition;
}
@include transition(all 0.3s ease-in-out);