PureCSS Triangle

Triangles are tricky. You have to set the borders on the element to match a triangle.

If you want to have a triangle/arrow pointing in another direction, you can change the border values corresponding to what side you want visible. You can also rotate the element with the transform property if you want to be fancy.

CSS is the foundation of webpages, is used for webpage development by styling websites and web apps.You can learn How To Draw CSS Shapes from the ground up by following these CSS Examples.