github.com/sym3tri/etcd@v0.2.1-0.20140422215517-a563d82f95d6/mod/dashboard/app/coreos-web/sass/mixin/_animation.scss (about)

     1  @mixin co-x-animation(
     2    $name,
     3    $duration: 1s,
     4    $timingFunction: linear,
     5    $delay: 0,
     6    $direction: normal,
     7    $iterationCount: 1,
     8    $fillMode: forwards,
     9    $playState: running) {
    10  
    11    animation-name: $name;
    12    animation-duration: $duration;
    13    animation-timing-function: $timingFunction;
    14    animation-delay: $delay;
    15    animation-direction: $direction;
    16    animation-iteration-count: $iterationCount;
    17    animation-fill-mode: $fillMode;
    18    animation-play-state: $playState;
    19  
    20    -webkit-animation-name: $name;
    21    -webkit-animation-duration: $duration;
    22    -webkit-animation-timing-function: $timingFunction;
    23    -webkit-animation-delay: $delay;
    24    -webkit-animation-direction: $direction;
    25    -webkit-animation-iteration-count: $iterationCount;
    26    -webkit-animation-fill-mode: $fillMode;
    27    -webkit-animation-play-state: $playState;
    28  
    29    -moz-animation-name: $name;
    30    -moz-animation-duration: $duration;
    31    -moz-animation-timing-function: $timingFunction;
    32    -moz-animation-delay: $delay;
    33    -moz-animation-direction: $direction;
    34    -moz-animation-iteration-count: $iterationCount;
    35    -moz-animation-fill-mode: $fillMode;
    36    -moz-animation-play-state: $playState;
    37  }
    38  
    39  @mixin co-x-animation-transform-origin(
    40    $x: 50%,
    41    $y: 50%) {
    42    -webkit-transform-origin: $x $y;
    43    -moz-transform-origin: $x $y;
    44    -ms-transform-origin: $x $y;
    45    -o-transform-origin: $x $y;
    46  }