mirror of
https://github.com/ProjectSegfault/website.git
synced 2024-12-22 21:19:51 +05:30
whoops you have to put animation.css on your pc
This commit is contained in:
parent
667b80f6a5
commit
cc4772dc60
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