Ahri-NineTailFox
4/18/2017 - 1:45 PM

transition for all Browser | - NoTransition - allEaseInOutTransition - allEaseInTransition - allEaseOutTransition - allEaseTransition - all

transition for all Browser |

  • NoTransition
  • allEaseInOutTransition
  • allEaseInTransition
  • allEaseOutTransition
  • allEaseTransition
  • allLinearTransition
-webkit-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;
-webkit-transition:  all ease 2.5s;
-o-transition:  all ease 2.5s;
transition:  all ease 2.5s;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
/* @include transition(sc, option) */

@mixin transition($sc, $option) {
  -webkit-transition: all $sc $option;
  -o-transition: all $sc $option;
  transition: all $sc $option;
}
-webkit-transition: none;
-o-transition: none;
transition: none;