Nathanwoodburn.github.io/404.css

37 lines
888 B
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 {
0% { transform: skewX(-15deg); }
5% { transform: skewX(15deg); }
10% { transform: skewX(-15deg); }
15% { transform: skewX(15deg); }
20% { transform: skewX(0deg); }
100% { transform: skewX(0deg); }
2020-11-23 14:34:26 +11:00
}