CSS
语言:
CSSSCSS
确定
@-webkit-keyframes gradient {
from {
background-position: top;
}
to {
background-position: bottom;
}
}
@keyframes gradient {
from {
background-position: top;
}
to {
background-position: bottom;
}
}
html,
body {
height: 100%;
width: 100%;
}
body {
-webkit-animation: gradient 39s ease 0s infinite alternate;
animation: gradient 39s ease 0s infinite alternate;
background: -webkit-radial-gradient(50% 100%, circle, #f00, #ffa500, #ff0, #008000, #00f, #800080);
background: radial-gradient(circle at 50% 100%, #f00, #ffa500, #ff0, #008000, #00f, #800080);
background-size: 300%;
}
body .content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
height: 100%;
width: 100%;
}
body .content p {
color: white;
margin: 0;
}
body .content p.h1 {
font-family: "Codystar", cursive;
font-size: 6rem;
}
body .content p.h2 {
font-family: "Bigshot One", cursive;
font-size: 3rem;
}