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 the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.