mixinでkeyframes
mixin content
#keyframes
code:scss
@mixin keyframes($name) {
@-webkit-keyframes
#{$name}
{
@content;
}
@-moz-keyframes
#{$name}
{
@content;
}
@keyframes
#{$name}
{
@content;
}
}
@include keyframes(fadeIn) {
from {
opacity: 0%;
}
to {
opacity: 100%;
}
}
ベンダープレフィックスを省略しやすい