forked from ProjectSegfault/website
whoops you have to put animation.css on your pc
This commit is contained in:
parent
667b80f6a5
commit
cc4772dc60
GPG Key ID:
08063D5407090BC2
263
src/assets/animation.css
Normal file
263
src/assets/animation.css
Normal file
@ -0,0 +1,263 @@
|
|||||||
|
/* ----------------------------------------------
|
||||||
|
* Generated by Animista on 2022-4-22 18:29:34
|
||||||
|
* Licensed under FreeBSD License.
|
||||||
|
* See http://animista.net/license for more info.
|
||||||
|
* w: http://animista.net, t: @cssanimista
|
||||||
|
* ---------------------------------------------- */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* ----------------------------------------
|
||||||
|
* animation text-flicker-in-glow
|
||||||
|
* ----------------------------------------
|
||||||
|
*/
|
||||||
|
@-webkit-keyframes text-flicker-in-glow {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
10% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
10.1% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
10.2% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
20% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
20.1% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
|
||||||
|
}
|
||||||
|
20.6% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
30% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
30.1% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
|
||||||
|
}
|
||||||
|
30.5% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
|
||||||
|
}
|
||||||
|
30.6% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
45% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
45.1% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
|
||||||
|
}
|
||||||
|
55% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
|
||||||
|
}
|
||||||
|
55.1% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
57% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
57.1% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
|
||||||
|
}
|
||||||
|
60% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
|
||||||
|
}
|
||||||
|
60.1% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
65% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
65.1% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
75% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
75.1% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
77% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
77.1% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
85% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
85.1% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
86% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
86.1% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@keyframes text-flicker-in-glow {
|
||||||
|
0% {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
10% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
10.1% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
10.2% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
20% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
20.1% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
|
||||||
|
}
|
||||||
|
20.6% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
30% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
30.1% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
|
||||||
|
}
|
||||||
|
30.5% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
|
||||||
|
}
|
||||||
|
30.6% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
45% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
45.1% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
|
||||||
|
}
|
||||||
|
50% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
|
||||||
|
}
|
||||||
|
55% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.45), 0 0 60px rgba(255, 255, 255, 0.25);
|
||||||
|
}
|
||||||
|
55.1% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
57% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
57.1% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
|
||||||
|
}
|
||||||
|
60% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35);
|
||||||
|
}
|
||||||
|
60.1% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
65% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
65.1% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
75% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.35), 0 0 100px rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
75.1% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
77% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
77.1% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
85% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.55), 0 0 60px rgba(255, 255, 255, 0.4), 0 0 110px rgba(255, 255, 255, 0.2), 0 0 100px rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
85.1% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
86% {
|
||||||
|
opacity: 0;
|
||||||
|
text-shadow: none;
|
||||||
|
}
|
||||||
|
86.1% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 1;
|
||||||
|
text-shadow: 0 0 30px rgba(255, 255, 255, 0.6), 0 0 60px rgba(255, 255, 255, 0.45), 0 0 110px rgba(255, 255, 255, 0.25), 0 0 100px rgba(255, 255, 255, 0.1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
Loading…
Reference in New Issue
Block a user