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
Best Free Web Icons for Different Purposes
Viewed 1512 times since Mon, Dec 28, 2009
How do I setup and use SSH?
Viewed 1956 times since Thu, Oct 15, 2009
ICEpdf - Open Source Java PDF Library
Viewed 1620 times since Wed, Jan 6, 2010
SlideDeck - Cool jQuery Slideshow Plugin
Viewed 1415 times since Thu, Feb 4, 2010
Which hosting plans support IIS Mod-Rewrite?
Viewed 6359 times since Sat, Oct 10, 2009
Facebook Style Chat Script - ArrowChat
Viewed 1408 times since Tue, Aug 3, 2010
TipTip - jQuery Tooltip Plugin
Viewed 1342 times since Thu, Jan 28, 2010
PHP Interview Questions with Answers - Part 1
Viewed 1516 times since Mon, Jan 11, 2010
ZeusCart | Feature Rich Open Source E-Commerce System
Viewed 1952 times since Thu, Jul 15, 2010
MENU