25 Incredible CSS Speech Bubbles - Open Source

Making a triangle for a speech bubble and using transforms to help create the position. Fork this pen and share your solution in the comments. Note the angles of the triangle as you create your solution.

Comic Director is a Windows 8 app written in HTML and CSS. The first time run experience has a nifty little animation, here's how we did it.

A pattern for creating comic book speech bubbles using SVG. Uses Nate Piekos' Sequentialist BB font. Full explanatory article on my site.

Pure CSS thought and speech bubbles that grow to fit the text Adapted from http://codepen.io/shaman_tito/pen/GIdoy

quick demo to answer a question posed by an acquaintance: "How to make a speech bubble to fit into a responsive design?" Criteria: - box section can change dimensions independently of pointer - pointer can be moved to different positions around box - rounded corners - glow or shadow arou...

Read More

Examples of CSS speech bubbles. Originally made by Nicolas Gallagher.

simple speech & think bubbles. (IE9 support) Now with yell-bubbles

WhatsApp Desktop Speech Bubble made from pure CSS...

CSS speech bubble w/ a text area, forked from example here http://css-tricks.com/examples/ShapesOfCSS/

Chat bubbles built in CSS with classes to customize the look and location of talk arrow. *Only tested in Chrome Built off the work of these fine fellows: Nicolas Gallagher https://twitter.com/necolas Craig Buckler https://twitter.com/craigbuckler and Chris Coyier https://twitter.com/chris...

Read More