Is there a way to create a tail in a bubble with HTML 5?

Question

enter image description here

For years, I have just saved the image as a background or cut the tail part and use that as the background; I have always used an image when coding on websites. Is there a way to do it without using an image now? I can create the box with rounded corners using CSS, but how can I make the tail?

here's a similar question: http://stackoverflow.com/questions/5623072/css-craziness-and-a-new-challenge/5624017#5624017 — MikeM, Jun 25 '11 at 22:38

score 8 · Accepted Answer · answered Jun 25 '11 at 22:33

8

Try this; http://nicolasgallagher.com/pure-css-speech-bubbles/demo/

answered Jun 25 '11 at 22:33

ChrisBint

12,773
6
40
62

score 2 · Answer 2 · answered Jun 25 '11 at 22:34

2

Yes you can make: See the demo:

http://nicolasgallagher.com/pure-css-speech-bubbles/demo

answered Jun 25 '11 at 22:34

Ahsan Rathod

5,465
2
21
25

Is there a way to create a tail in a bubble with HTML 5?

2 Answers2