CSS
语言:
CSSSCSS
确定
body,
html {
height: 100vh;
}
body {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-filter: url("#flyOn");
filter: url("#flyOn");
-webkit-animation: wavemover 10s infinite alternate linear;
animation: wavemover 10s infinite alternate linear;
font-family: 'Rubik Mono One', sans-serif;
background: -webkit-linear-gradient(#0d4fa7 0%, #3072cc 60%, #6facff 100%);
background: linear-gradient(#0d4fa7 0%, #3072cc 60%, #6facff 100%);
}
h1 {
color: #fff;
font-size: 4em;
max-width: 7ch;
opacity: .6;
}
@-webkit-keyframes wavemover {
100% {
padding-left: 300px;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
}
@keyframes wavemover {
100% {
padding-left: 300px;
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
}