pe-keyframes()
/.tmp_src/docs/application.css
IE | Chrome | Firefox | Safari | Opera | iOS | Android | Can I use |
---|---|---|---|---|---|---|---|
10 |
OK |
5 |
4 |
12.1 |
3.2 |
2.1 |
CSS Animation |
引数 | 初期値 | 値 | 備考 |
---|---|---|---|
$name |
なし | キーフレームのリストを識別する名前 | - |
@mixin pe-keyframes($name) {
...
}
@include pe-keyframes(loading) {
0% {
top: 0;
}
50% {
top: 50px;
}
100% {
top: 0;
}
}
@-webkit-keyframes loading {
0% {
top: 0;
}
50% {
top: 50px;
}
100% {
top: 0;
}
}
@-moz-keyframes loading {
0% {
top: 0;
}
50% {
top: 50px;
}
100% {
top: 0;
}
}
@keyframes loading {
0% {
top: 0;
}
50% {
top: 50px;
}
100% {
top: 0;
}
}