CSS
语言:
CSSSCSS
确定
@import url("https://fonts.googleapis.com/css?family=Righteous");
body,
html {
margin: 0;
height: 100%;
font-family: Righteous;
}
body {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-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;
background: #fafafa;
}
body h1 {
color: #333;
}
body .thing {
width: 10rem;
height: 10rem;
position: relative;
border-radius: 50%;
}
body .thing:before {
position: absolute;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
content: '';
background: url("/uploads/151001/sq-sample10.png");
background-size: cover;
background-position: center;
border-radius: 50%;
-webkit-filter: blur(5px) brightness(140%);
filter: blur(5px) brightness(140%);
opacity: 0.6;
}
body .thing:after {
position: absolute;
top: 0%;
left: 5%;
width: 90%;
height: 90%;
content: '';
background: url("/uploads/151001/sq-sample10.png");
background-size: cover;
background-position: center;
border-radius: 50%;
}