SASS/Compass Transitions

Est-il possible d'utiliser une Boussole ou SASS à la sortie de la suite de transition CSS qui sortira tous les différents fournisseurs préfixes:

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

Quelqu'un peut me pointer à la bibliothèque correcte?

  • la boussole a, en effet, un horrible documentation
InformationsquelleAutor dagda1 | 2013-01-13
  1. 52

    Utilisation compas' transition mixin:

    @include transition(all 0.3s ease-in-out);
    • En outre, les transitions liées par Joseph, si vous êtes à la recherche pour les animations, Eric Meyer a un Boussole Animation plugin qui nécessite Boussole v0.13 (actuellement en alpha)
    • @include transition(color 0.3s ease-in-out, background-color 0.3s ease-in-out); si vous souhaitez cibler les styles spécifiques (qui je crois est le plus rapide)
    InformationsquelleAutor Joseph Silber
  2. 6

    Mixin pour créer des animations à l'aide de simple ou "tous" de la propriété des transitions

    @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 pour créer des animations à l'aide de plusieurs biens transitions

    @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};
}
    InformationsquelleAutor Mo.
  3. 0

    Mixin SASS

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

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