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 - http://nicolasgallagher.com/progressive-enhancement-pure-css-speech-bubbles/
Demo - http://nicolasgallagher.com/demo/pure-css-speech-bubbles/bubbles.html

 

Attached Files
There are no attachments for this article.
Comments
There are no comments for this article. Be the first to post a comment.
Name
Email
Security Code Security Code
Related Articles RSS Feed
What is new in HTML 5?
Viewed 745 times since Sat, Apr 3, 2010
jqPlot - jQuery Charts & Plotting Plugin
Viewed 978 times since Sat, Jan 9, 2010
Quick Tables for Showing & Updating DB Data
Viewed 800 times since Sun, Dec 27, 2009
Before and After Picture - jQuery Plugin
Viewed 976 times since Tue, Dec 29, 2009
Create Navigation Menu Easily with jQuery Menu
Viewed 794 times since Thu, Dec 31, 2009
Create A Page Peel Effect With CSS & jQuery
Viewed 718 times since Tue, Jan 5, 2010
Free Under Construction Coming Soon Template
Viewed 1442 times since Sat, Mar 12, 2011
MENU