A linear gradient created with PIE (-pie-background) displays fine in IE9.

However, if I rotate the element using:

-ms-transform: translate(-50px, -50px) rotate(45deg);

The gradient rotates 90 degrees instead of 45.
If I set the rotation to 90deg, the gradient rotates 180, etc...

Is there any fix for this behavior?

Thanks,

Zigor.

That's interesting, I'll have to look into that. PIE is just creating a SVG background image for the gradient, which should rotate exactly like any other background image. It might be an IE engine bug that we need to work around.

I'm trying to create a post-it with a gradient and a rotation.

If the rotation is set to 0 degrees, the PIE gradient looks great, however, if I rotate the div 45 degrees, the gradient rotates 90, as per the attached image.




BTW, thanks for the prompt response!

Zigor.

Hello,

I have tried version 1.0.0 and see that this bug has not been fixed.

Just thought I might give it a bump.

Zigor.