The goal of this post is to help you understand how to create a speech balloon with pure CSS without using any image.
Triangles are useful for creating different types of design artifacts on a website, particularly speech balloons. HTML/CSS has no explicit way of creating triangles therefore some people use triangle images instead. However there is a small hack with which one…