CSS3 & HTML5 Code Sample page

Now with HTML5 orange!

Code Samples


The page you are on uses a wide variety of CSS3 and HTML5 techniques, including:

  • border-radius
  • box-shadow
  • Media queries
  • CSS3 color values: (rgba, hsl)
  • CSS3 transitions
  • CSS3 gradients
  • SVG backgrounds
  • HTML5 semantic elements
  • HTML5 form elements

It's designed to function well in modern browsers:

  • Firefox
  • Google Chrome
  • Safari
  • Internet Explorer 9
  • Android
  • iPhone

It's designed to display reasonably well in IE6 through IE8. The code was all hand written, with the obvious exception of the Eric Meyer reset version 2.0.

The code validates where possible: the CSS3 validator does not yet understand some perfectly valid CSS3 like media queries and new color values like rgba.

Sample Form

Other Pages & Sites