矢印(↓)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);
}
タイトルとURLをコピーしました