Wynn Netherland changelog.com/posts

CSS3 PIE - A taste of Web 2.0 for Internet Explorer

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]


Sign in or Join to comment or subscribe

Player art
  0:00 / 0:00