[css3-images][css3-transforms] element() and content with 3D Transforms

• From: Dirk Schulze <dschulze@adobe.com>
• Date: Fri, 24 Feb 2012 14:08:11 -0800
• To: "www-style@w3.org list" <www-style@w3.org>
• Message-ID: <E1B47994-8C25-4E5D-8926-83D44A6ADB99@adobe.com>

Hi,

It is not clear how 3D transformation applied to elements references by element() should be treated:

<div id="bg">
   <image width="100" height="100" style="transform: rotateX(45deg); perspective: 200;">
</div>

<div id="content" style="background: element(#bg); perspective: 500;">
Test
</div>

Should 3D transforms still be allowed on referenced elements and their child elements? If they are allowed, how do they apply to the element? In the example above, the element with the id 'content' has another perspective then the reference background element. How should browsers deal with it? Should browsers try to render it, even if the content is behind the background elements (from the perspective)? Should the background element get "flattened" before used as background? If so, how?

Greetings,
Dirk

Received on Friday, 24 February 2012 22:08:31 UTC