grimoire_css 1.8.1

A magical CSS engine for all environments
Documentation 
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
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63

@keyframes flicker-in-2 {
    0% {
        opacity: 0
    }
    10%,
    10.2%,
    20%,
    20.6%,
    30%,
    30.6%,
    45%,
    55.1%,
    57%,
    60.1%,
    65%,
    75.1%,
    77%,
    85.1%,
    86% {
        opacity: 0;
        box-shadow: none
    }
    10.1% {
        opacity: 1;
        box-shadow: none
    }
    20.1% {
        opacity: 1;
        box-shadow: 0 0 30px rgba(255, 255, 255, .25)
    }
    30.1%,
    30.5%,
    45.1%,
    50%,
    55% {
        opacity: 1;
        box-shadow: 0 0 30px rgba(255, 255, 255, .45), 0 0 60px rgba(255, 255, 255, .25)
    }
    57.1%,
    60% {
        opacity: 1;
        box-shadow: 0 0 30px rgba(255, 255, 255, .55), 0 0 60px rgba(255, 255, 255, .3)
    }
    65.1%,
    75% {
        opacity: 1;
        box-shadow: 0 0 30px rgba(255, 255, 255, .55), 0 0 60px rgba(255, 255, 255, .3), 0 0 100px rgba(255, 255, 255, .1)
    }
    77.1%,
    85% {
        opacity: 1;
        box-shadow: 0 0 30px rgba(255, 255, 255, .6), 0 0 60px rgba(255, 255, 255, .4), 0 0 110px rgba(255, 255, 255, .2), 0 0 100px rgba(255, 255, 255, .1)
    }
    86.1%,
    to {
        opacity: 1;
        box-shadow: 0 0 30px rgba(255, 255, 255, .6), 0 0 60px rgba(255, 255, 255, .45), 0 0 110px rgba(255, 255, 255, .25), 0 0 100px rgba(255, 255, 255, .1)
    }
}

.GRIMOIRE_CSS_ANIMATION {
  animation-name: flicker-in-2;
}