One of the most fun and easy uses of CSS3 is for layering on visual “frosting”—non-essential visual flair and little details that can push your design from adequate to alluring. We’ll use some of the most straightforward and well-supported CSS3 properties to create the appearance of three-dimensional speech bubbles that can be used to style blog comments, pull quotes, and more.
We’ll create the appearance of speech bubbles without using any images, just these pieces of pure CSS:
word-wrap property to contain overflowing text
border-radius property to create rounded corners
•; HSLA to create semitransparent backgrounds
linear-gradient function to create gradient backgrounds ...