Переходы SASS/Compass Можно ли использовать Compass или SASS для вывода следующего перехода CSS, который выведет все префиксы различных поставщиков: -webkit-transition: all 0.3s ease-in-out; Может ли кто-нибудь указать мне правильную библиотеку? Ответ 1 Используйте компас transition mixin: @include transition(all 0.3s ease-in-out); Ответ 2 Mixin для создания анимаций с использованием одиночных или "всех" переходов свойств @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 для создания анимаций с использованием нескольких переходов свойств @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}; } Ответ 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);
Ответ 2 Mixin для создания анимаций с использованием одиночных или "всех" переходов свойств @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 для создания анимаций с использованием нескольких переходов свойств @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}; }
Ответ 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);