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

Article ID: 382
Created: Fri, Mar 12, 2010
Last Updated: Fri, Mar 12, 2010
Author: Administrator

Online URL: https://www.articlediary.com/article/speech-bubbles-with-pure-css3-382.html