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.htc);
}

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

[Source on GitHub] [Homepage] [Docs]


Have comments? Send a tweet to @TheChangelog on Twitter.

Subscribe to The Changelog Weekly – our weekly email covering everything that hits our open source radar.