-
Notifications
You must be signed in to change notification settings - Fork 8
Expand file tree
/
Copy pathrect23.module.css
More file actions
34 lines (33 loc) · 956 Bytes
/
Copy pathrect23.module.css
File metadata and controls
34 lines (33 loc) · 956 Bytes
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
.loader {
width: 48px;
height: 48px;
display: flex;
transform-origin:50% 125%;
animation: mov-y 1s infinite linear;
}
.loader:before,
.loader:after {
content:"";
flex:1;
background:#fff;
transform-origin: 0% 100%;
animation: rtr-x 1s infinite linear;
}
.loader:before {
transform-origin: 100% 100%;
animation-name: rtr-rx;
}
@keyframes mov-y {
0%,25% {transform:translateY(0) scaleY(1)}
49% {transform:translateY(-75%) scaleY(1)}
50% {transform:translateY(-75%) scaleY(-1)}
75%,100% {transform:translateY(-150%) scaleY(-1)}
}
@keyframes rtr-x {
25%,75% {transform: rotate(0deg)}
50% {transform: rotate(90deg)}
}
@keyframes rtr-rx {
25%,75% {transform: rotate(0deg)}
50% {transform: rotate(-90deg)}
}