O'Reilly logo

Practical HTML5 Projects by Adrian W. West

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required