html名⼈名⾔页⾯,HTML5纪念卡名⼈名⾔卡CSS
语⾔：
CSSSCSS
确定
.snip1533 {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
color: #9e9e9e;
float: left;
font-family: 'Roboto', Arial, sans-serif;
font-size: 16px;
margin: 35px 1% 10px;
max-width: 310px;
borderbox
min-width: 250px;
position: relative;
text-align: center;
width: 100%;
background-color: #ffffff;
border-radius: 5px;
border-top: 5px solid #d2652d;
}
.snip1533 *,
.snip1533 *:before {
-
webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.1s ease-out;
transition: all 0.1s ease-out;
}
.snip1533 figcaption {
padding: 13% 10% 12%;
}
.snip1533 figcaption:before {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #fff;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); color: #d2652d;
content: "\f10e";
font-family: 'FontAwesome';
font-size: 32px;
font-style: normal;
left: 50%;
line-height: 60px;
position: absolute;
top: -30px;
width: 60px;
}
.snip1533 h3 {
color: #3c3c3c;
font-size: 20px;
font-weight: 300;
line-height: 24px;
margin: 10px 0 5px;
}
.snip1533 h4 {
font-weight: 400;
margin: 0;
opacity: 0.5;
}
.snip1533 blockquote {
font-style: italic;
font-weight: 300;
margin: 0 0 20px;
}
/* Demo purposes only */
body {
background-color: #212121;
}

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。