C H A P T E R  7

Rounded Corners

CSS3 will enable web designers to produce rounded corners (rounded borders in CSS3 speak) without using JavaScript. Currently, only the latest versions of Mozilla Firefox, Chrome, IE 9 and Safari support this feature; therefore, an interim JavaScript method must be used for older browsers including IE 7 and IE 8.

The chapter covers:

  • A simple JavaScript solution for creating rounded corners for basic rectangles and also complex pages
  • A description of the new CSS3 Rounded Corners module
  • A summary of the shorthand code for CSS3 rounded corners
  • CSS3 rounded corners applied to tab menus

A Simple JavaScript Solution

Alessandro Fulciniti produced a simple JavaScript solution, which is free under a GNU GPL license ...

Get Practical HTML5 Projects now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.