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
Viewed 1043 times since Sun, Jan 17, 2010
30 High Quality Charts & Graphs for Web Developers
Viewed 3023 times since Wed, Mar 23, 2011
Admin Skins - Constellation Complete Admin Skin
Viewed 1340 times since Thu, Aug 12, 2010
Advanced Backup System - PHP Backup Script
Viewed 1226 times since Wed, Jul 28, 2010
Create A Page Peel Effect With CSS & jQuery
Viewed 1078 times since Tue, Jan 5, 2010
ZeusCart | Feature Rich Open Source E-Commerce System
Viewed 1621 times since Thu, Jul 15, 2010
Best Free Web Icons for Different Purposes
Viewed 1229 times since Mon, Dec 28, 2009
TinyBox - JavaScript Lightweight Modal Window Popup Script
Viewed 1583 times since Fri, Jan 8, 2010