Update style.css
This commit is contained in:
parent
5cb6d0219b
commit
05123067bf
@ -3,4 +3,34 @@
|
|||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
display: block;
|
display: block;
|
||||||
background: white
|
background: white
|
||||||
|
}
|
||||||
|
h2 {
|
||||||
|
position: relative;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 6px;
|
||||||
|
font-size: 22px;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: 900;
|
||||||
|
text-decoration: none;
|
||||||
|
color: black;
|
||||||
|
display: inline-block;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
@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); }
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user