Article Diary - General Knowledge Digest

Speech Bubbles With Pure CSS3

Nicolas Gallagher is sharing a creative way on creating good-looking speech bubbles with CSS3. There are no images or JavaScript in the implementations but uses the :before and/or :after pseudo-elements to produce basic shapes.

CSS Speech Bubbles

The HTML remains semantic however we should remember that CSS3 is not fully supported by all major browsers & we may again require JavaScript to add this support (like IE7.js).

Compatibility: Web Browsers With CSS3 Support

Website -
Demo -


5 (1)
Article Rating (1 Votes)
Rate this article
Attached Files
There are no attachments for this article.
There are no comments for this article. Be the first to post a comment.
Security Code Security Code
Related Articles RSS Feed
Embeddable Google Document Viewer For Websites
Viewed 1149 times since Fri, Mar 11, 2011
SlideDeck - Cool jQuery Slideshow Plugin
Viewed 1295 times since Thu, Feb 4, 2010
10 AJAX based PHP WebMail Clients
Viewed 1420 times since Mon, Jul 26, 2010
PHP Sound Captcha
Viewed 10544 times since Sun, Apr 11, 2010
Lorem Ipsum Dolor Sit Amet
Viewed 1631 times since Tue, Oct 6, 2009
What is jQuery?
Viewed 1026 times since Tue, Dec 1, 2009
OpenCart - Open Source Shopping Cart
Viewed 1618 times since Fri, Jan 1, 2010
Create Navigation Menu Easily with jQuery Menu
Viewed 1302 times since Thu, Dec 31, 2009
45 jQuery Navigation Plugins and Tutorials
Viewed 2924 times since Thu, Jan 28, 2010
5 Best Online Diagram Designing Tools
Viewed 13902 times since Sat, Jan 30, 2010