css制作流程卡片,CSS3 卡片制作实验

2023-05-16

CSS

语言:

CSSSCSS

确定

@import url("http://fonts.googleapis.com/css?family=Open+Sans");

body {

background: #c21d23;

color: #fce803;

font-family: "Open Sans", sans-serif;

font-weight: bold;

width: 725px;

}

body:selection {

background: #fce803;

color: #c21d23;

}

a {

padding: 8px;

color: #fce803;

position: absolute;

bottom: 0;

right: 0;

}

span {

position: absolute;

}

.e {

border: 2px solid #fce803;

height: 250px;

width: 225px;

border-radius: 21px 0;

position: relative;

float: left;

margin: 6px;

}

.tl {

top: 12px;

left: 12px;

font-size: 20px;

}

.tr {

position: absolute;

top: 12px;

right: 12px;

letter-spacing: -1px;

}

.tr > p {

text-align: right;

font-size: 17px;

margin: 0;

}

.el {

top: 28px;

left: 6px;

font-size: 120px;

letter-spacing: -3px;

}

.n {

top: 175px;

left: 15px;

font-size: 21px;

text-transform: uppercase;

}

.m {

top: 205px;

left: 15px;

font-size: 21px;

text-transform: uppercase;

}

@media (max-width: 600px) {

body {

transform: scale(0.5) translateX(-340px);

}

a {

display: none;

}

}

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

css制作流程卡片,CSS3 卡片制作实验 的相关文章

随机推荐