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;
}
50% width with 1em padding
50% width with 1em padding

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;
}

나눔펜