1. Home
  2. Css
  3. Arrow bottom

Pure css arrows using sudo elements. Arrow bottom.

#css#sudo
<style>
    .arrow-bottom{
        display: block;
    }
    .arrow-bottom:after {
        border-style: solid;
        content: '';
        position: absolute;
        border-color: #eb6300 transparent transparent transparent;
        border-width: 10px 10px 0 10px;
    }
</style>
<span class="arrow-bottom"></span>
Output:

copy
Full Css cheatsheet
NordVPN NordVPN