sass中@keyframes、animation的使用

@mixin animation($val) {animation:$val;-webkit-animation:$val;-moz-animation:$val;-ms-animation:$val;}@mixin keyframes($name,$obj) {@keyframes #{$name} {@each $i,$val in $obj {#{$i} {@each $v1,$val2 in $val {#{$v1}:$val2;}}}}@-moz-keyframes #{$name} {@each $i,$val in $obj {#{$i} {@each $v1,$val2 in $val {#{$v1}:$val2;}}}}@-webkit-keyframes #{$name} {@each $i,$val in $obj {#{$i} {@each $v1,$val2 in $val {#{$v1}:$val2;}}}}@-ms-keyframes #{$name} {@each $i,$val in $obj {#{$i} {@each $v1,$val2 in $val {#{$v1}:$val2;}}}}}div {$an1:(width:20px,height:20px);$an2:(width:100px,height:100px);$demo:( 0%:$an1, 50%:$an2, 100%:$an2 );@include keyframes(demo,$demo);@include animation(demo 2s);}