1. Home
  2. Css
  3. Arrow top

Pure css arrows using sudo elements. Arrow top.

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

copy
Full Css cheatsheet