矢印（↓）3 – css arrow-down3 –

矢印（↓）アイコンの別パターンを作成してみました。少しずつコツがつかめてきたような･･･

ソース

html

<div class="arrow_down3"></div>

css

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