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
|
|
|
}
|