HTML CSS

SIMPLE CSS-ONLY ARROW

<p class="arrow">Arrow</p>

THE HTML

01

ARROW "BASE" .arrow::before {   display: inline-block;   width: 30px; text-align: center; }

BASIC ARROW CSS

02

ARROW DIRECTION .arrow::before { content: "\2191" }

.arrow:hover::before {   transform: rotate(90deg);   transition: all 0.3s; }

ARROW ANIMATION

03