CSS3 module examples
text-shadow
p {
text-shadow: 2px 2px 1px #999;
}
text-shadow: 2px 2px 1px #999;
box-shadow
div {
box-shadow: 1px 1px 3px #000;
}
box-shadow: 1px 1px 3px #000;
box-sizing
div {
box-sizing: content-box;
width: 300px;
padding: 1em 100px 1em 1em;
}
box-sizing: content-box
box-sizing: border-box
300pixel
box-sizing #2
div {
box-sizing:border-box;
width:50%;
padding: 1em;
float:left;
}
RGBA color
div {
background-color: rgba(255, 255, 0, 0.5);
}
rgba
@font-face
@font-face {
font-family: Nanumpan;
src: url('NanumPen.ttf');
}
span {
font-family: Nanumpan, sans-serif;
}
나눔펜