Skip to content

Commit

Permalink
Prettier.
Browse files Browse the repository at this point in the history
  • Loading branch information
NiallEccles committed Nov 12, 2019
1 parent e3ae601 commit ff9b47a
Show file tree
Hide file tree
Showing 32 changed files with 890 additions and 788 deletions.
38 changes: 19 additions & 19 deletions animations/alokGoldy.css
Original file line number Diff line number Diff line change
@@ -1,25 +1,25 @@

/** @format */

.alokGoldy {
position: relative;
font-family: sans-serif;
text-transform: uppercase;
font-size: 2em;
letter-spacing: 4px;
overflow: hidden;
background: linear-gradient(90deg, #000, #fff, #000);
background-repeat: no-repeat;
background-size: 80%;
animation: animate 3s linear infinite;
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(255, 255, 255, 0);
position: relative;
font-family: sans-serif;
text-transform: uppercase;
font-size: 2em;
letter-spacing: 4px;
overflow: hidden;
background: linear-gradient(90deg, #000, #fff, #000);
background-repeat: no-repeat;
background-size: 80%;
animation: animate 3s linear infinite;
-webkit-background-clip: text;
-webkit-text-fill-color: rgba(255, 255, 255, 0);
}

@keyframes alokGoldy {
0% {
background-position: -500%;
}
100% {
background-position: 500%;
}
0% {
background-position: -500%;
}
100% {
background-position: 500%;
}
}
15 changes: 9 additions & 6 deletions animations/blinking-neon.css
Original file line number Diff line number Diff line change
Expand Up @@ -4,13 +4,14 @@
* @format
*/

@import url("https://fonts.googleapis.com/css?family=Sacramento&display=swap");
@import url('https://fonts.googleapis.com/css?family=Sacramento&display=swap');
.blinking-neon {
font-size: calc(20px + 18vh);
line-height: calc(20px + 20vh);
text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500,
0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
color: #fff6a9;
font-family: "Sacramento", cursive;
font-family: 'Sacramento', cursive;
text-align: center;
animation: blinky 12s infinite;
-webkit-animation: blinky 12s infinite;
Expand All @@ -31,7 +32,8 @@
54%,
56%,
100% {
text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500,
0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
color: #fff6a9;
}
}
Expand All @@ -51,7 +53,8 @@
54%,
56%,
100% {
text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
text-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500,
0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
color: #fff6a9;
}
}
}
33 changes: 17 additions & 16 deletions animations/blurFade.css
Original file line number Diff line number Diff line change
Expand Up @@ -5,23 +5,24 @@
*/

@keyframes blurFadeInOut {
0% {
opacity: 0;
text-shadow: 0px 0px 40px #fff;
transform: scale(1.3);
}
20%, 80% {
opacity: 1;
text-shadow: 0px 0px 1px #fff;
transform: scale(1);
}
100% {
opacity: 0;
text-shadow: 0px 0px 50px #fff;
transform: scale(0);
}
0% {
opacity: 0;
text-shadow: 0px 0px 40px #fff;
transform: scale(1.3);
}
20%,
80% {
opacity: 1;
text-shadow: 0px 0px 1px #fff;
transform: scale(1);
}
100% {
opacity: 0;
text-shadow: 0px 0px 50px #fff;
transform: scale(0);
}
}

.blurFade {
animation: blurFadeInOut 3s infinite backwards;
animation: blurFadeInOut 3s infinite backwards;
}
Loading

0 comments on commit ff9b47a

Please sign in to comment.