Css cheatsheet > Arrow bottom

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