CSS
语言:
CSSSCSS
确定
@import url('/css?family=Montserrat');
body {
background-color: #111;
}
.title {
font-family: "Montserrat";
text-align: center;
color: #FFF;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100vh;
letter-spacing: 1px;
}
h1 {
background-image: url(/media/26BROrSHlmyzzHf3i/giphy.gif);
background-size: cover;
color: transparent;
-moz-background-clip: text;
-webkit-background-clip: text;
text-transform: uppercase;
font-size: 120px;
line-height: .75;
margin: 10px 0;
}
/* styling my button */
.white-mode {
text-decoration: none;
padding: 7px 10px;
background-color: #122;
border-radius: 3px;
color: #FFF;
-webkit-transition: .35s ease-in-out;
transition: .35s ease-in-out;
position: absolute;
left: 15px;
bottom: 15px;
font-family: "Montserrat";
}
.white-mode:hover {
background-color: #FFF;
color: #122;
}