今まで、keyframes を使うとき、自前で次のような mixin を定義して使ってゐた。 @mixin keyframes($animationName){ @-webkit-keyframes #{$animationName} { @content; } @-moz-keyframes #{$animationName} { @content; } @-ms-keyframes #{$animationName} { @content; } @keyframes #{$animationName} { @content; } }; 完璧だ!! 早速、Compass の transform と組み合わせて使おう!! @include keyframes(bestAnimationEver){ 0% { @include transform(scale(1.0)); } 100% {