CSS3 In IE Demo page

This is a demo page for my CSS3 in Internet Explorer HTC file. It enables support for several CSS3 styles in Internet Explorer (Tested 7+);

The -css3-background property

rgba

linear-gradient

text-shadow

Text Shadow Example 1 - Single Shadow

text-shadow: 5px 5px 4px #888;

Text Shadow Example 2 - Multiple shadows

text-shadow: 0 0 4px white, 0 -5px 4px #FFFF33, 2px -10px 6px #FFDD33, -2px -15px 11px #FF8800, 2px -25px 18px #FF2200;

border-radius

Same for all 4 corners

Different radius for each corner

box-shadow

Shadow offset 10px

coloured shadow, no offset

Mixing them up

Unfortunately due to the way that the shadow has to be rendered, shadow + rbga background does not work as it does in Gecko or Webkit (you can see the shadow through the background). In Gecko and Webkit, the blocked parts of the shadow are invisible. Unfortunately, I don't believe it's possible to fix this.

Change aware

Changes made by javascript (including jquery and existing scripts) will work as expected. The effects are redrawn. However, this is slow. It will not work well in a timeout.