矢印(↓)アイコンの別パターンを作成してみました。少しずつコツがつかめてきたような・・・
ソース
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); }