link Icon

CSS3 PIE - A taste of Web 2.0 for Internet Explorer

logged by @logbot 2010-07-28T18:23:47Z permalink #design

How will that web app of yours ever get featured on TechCrunch without rounded corners and drop shadows? With CSS3, such things are child’s play. If only IE supported them.

Be not despaired, my friends for Jason Johnston brings you Progressive Internet Explorer (PIE). PIE takes advantage of vendor namespaced CSS properties and an HTML Behavior (remember those) to graft on some missing features for Internet Explorer:

.box {
  background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
  background: -moz-linear-gradient(#EEFF99, #66EE33);
  -pie-background: linear-gradient(#EEFF99, #66EE33);
  behavior: url(/;

PIE supports a number of CSS3 properties including border-radius, box-shadow, border-image, RGBA color values, and gradients.

[Source on GitHub] [Homepage] [Docs]

0:00 / 0:00