矢印（→）3 – css arrow-right3 –

矢印（→）アイコンの別パターンを作成してみました。少しずつコツがつかめてきたような･･･。やっぱり、firefoxでrotate使うと変な線が入る。これは直るのかな？

ソース

html

<div class="arrow_right3"></div>

css

.arrow_right3 {
	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);
}