_loading.scss 714 Bytes
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

#loadingDiv {
    position: fixed;
    width: 100%;
    height: 100%;
    opacity: 50%;
    z-index: 5000;
    background: rgba(255, 255, 255, 1);

    .loader {
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -2em;
        margin-top: -2em;
        background: rgba(255, 255, 255, 1);

        img {
            width: 4em;
            height: 4em;
21
            animation: beatHeart 0.8s infinite;
22
23
24
25
        }
    }
}

26
27
28
@keyframes beatHeart {
    0% {
        transform: scale(1);
29
30
    }

31
32
33
34
35
36
37
38
39
40
41
42
43
44
    25% {
        transform: scale(1.2);
    }

    40% {
        transform: scale(1);
    }

    60% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
45
46
    }
}