Create CSS Arrows

Create CSS Arrows

There are two ways to have arrows in your site, first you can use image as arrow or css to create the one.

I personally recommend you to use css because it take less time to load in compare to image.

Please check the html and css code below to create arrow with the help of css.

The actual width and height of the arrow is determined by the width of the border.

<div class=”arrow”></div>

width: 0;
height: 0;
border-left: 90px solid transparent;
border-right:90px solid transparent;
border-top: 90px solid #000;

click on the link to see the live demo.