CSS3 Pie: Making your life as a webdesigner a little bit easier

Johan Vermeulen vr 23 jul 10

We all know how it’s like to create beautiful websites, slice it and see it work in all the major browser, except for Internet Explorer.

Enter CSS3 Pie: CSS decorations for IE. Jason Johnston of 327creative.com wrote a CSS library which can be used in Internet Explorer with the IE behaviors capability. This library partially adds CSS3 support to IE6/7/8.

Example:

Normally: plays nicely in FF/Safari/Chrome

#myElement {
  background: #EEE;
  padding: 2em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
}

For IE: Rounded borders \o/

#myElement {
  ...
  behavior: url(PIE.htc);
}

PIE currently has full or partial support for the following CSS3 features:

• border-radius
• box-shadow
• border-image
• multiple background images
• linear-gradient as background image

Gepost in hor |  0 reacties