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
mbSlider - Highly Customizable Content Slider
Viewed 941 times since Mon, Jul 26, 2010
ProFolio - Instantly Create Free Portfolio Website
Viewed 1314 times since Sun, Jan 3, 2010
How to protect specific folder or disable directory browsing using htaccess?
Viewed 4484 times since Sun, Mar 14, 2010
IE6 CSS Fixer - Web-Based IE6 CSS Fix Tool
Viewed 964 times since Thu, Dec 31, 2009
Open Source Online Invoice System - siwapp
Viewed 1217 times since Thu, Jan 7, 2010
jQuery Slider from a Select Element
Viewed 2278 times since Thu, Jan 14, 2010
Which hosting plans support IIS Mod-Rewrite?
Viewed 2933 times since Sat, Oct 10, 2009
Protovis - Visualization for JavaScript via Canvas
Viewed 932 times since Sun, Jan 3, 2010
Lorem Ipsum Dolor Sit Amet
Viewed 1233 times since Tue, Oct 6, 2009
MENU