Nathanwoodburn.github.io/404.css

52 lines
1.4 KiB
CSS
Raw Normal View History

2020-11-23 17:10:15 +11:00
.center{text-align:center}
#space-invaders {
margin: 0 auto;
2020-11-23 14:34:26 +11:00
display: block;
2020-11-23 17:10:15 +11:00
background: white
2020-11-23 14:34:26 +11:00
}
2020-11-23 17:10:15 +11:00
t2 {
position: relative;
2020-11-23 14:34:26 +11:00
text-transform: uppercase;
2020-11-23 17:10:15 +11:00
letter-spacing: 6px;
font-size: 22px;
text-align: center;
font-weight: 900;
2020-11-23 14:34:26 +11:00
text-decoration: none;
2020-11-23 17:10:15 +11:00
color: black;
position: absolute;
left: 38.5%;
background-size: 120% 100%;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-background-clip: text;
-moz-text-fill-color: transparent;
-ms-background-clip: text;
-ms-text-fill-color: transparent;
background-clip: text;
background-color: #000000;
animation: 0.2s shake infinite alternate;
2020-11-23 14:34:26 +11:00
}
2020-11-23 17:10:15 +11:00
@keyframes shake {
2020-11-23 17:32:46 +11:00
0% { transform: skewX(-7deg); }
5% { transform: skewX(7deg); }
10% { transform: skewX(-7deg); }
15% { transform: skewX(7deg); }
20% { transform: skewX(-7deg); }
25% { transform: skewX(7deg); }
30% { transform: skewX(-7deg); }
35% { transform: skewX(7deg); }
40% { transform: skewX(-7deg); }
45% { transform: skewX(7deg); }
50% { transform: skewX(-7deg); }
55% { transform: skewX(7deg); }
60% { transform: skewX(-7deg); }
65% { transform: skewX(7deg); }
70% { transform: skewX(-7deg); }
75% { transform: skewX(7deg); }
80% { transform: skewX(-7deg); }
85% { transform: skewX(7deg); }
90% { transform: skewX(-7deg); }
95% { transform: skewX(7deg); }
100% { transform: skewX(-7deg); }
2020-11-23 14:34:26 +11:00
}