1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
// Webkit
@-webkit-keyframes progress-bar-stripes {
from { background-position: 0 0; }
to { background-position: 40px 0; }
}
// Firefox
@-moz-keyframes progress-bar-stripes {
from { background-position: 0 0; }
to { background-position: 40px 0; }
}
// Spec
@keyframes progress-bar-stripes {
from { background-position: 0 0; }
to { background-position: 40px 0; }
}
// using percentages
@keyframes using-percentages {
0% { top: 0; }
50% { top: 1px; }
100% { top: 2px; }
}
// in a mix-in
.keyframe-mixin() {
from { left: 0; }
50% { left: 1px; }
to { left: 2px; }
}
@keyframes mixed-in {
.keyframe-mixin();
}
|
