#triangle arrow

How to make pure css triangle arrow

Triangle arrow will display in div box bottom

making a div box

<div class=”triangle”>this is box with arrow</div>

Css :

.triangle { -webkit-box-shadow:0 5px 15px rgba(0,0,0,.5); box-shadow:0 5px 15px rgba(0,0,0,.5); list-style-type:none ; height:auto; width:100% ; }

.triangle:before, .triangle:after { content: “”; position: absolute; border-left: 10px solid transparent; border-right: 10px solid…