チェック – css check –

cssのみで チェックアイコンを作成してみました。さすがにこれは簡単ですね。

ソース

html

<div class="check"></div>

css

.check {
	font-size: 100px;
	position: relative;
	width: 1em;
	height: 0.5em;
	border-bottom: 0.2em solid #39a9d6;
	border-left: 0.2em solid #39a9d6;
        -webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}