<div dir="ltr">Either way, I&#39;d suggest you take this conversation to a specific bug report :)</div><div class="gmail_extra"><br><br><div class="gmail_quote">On Tue, Feb 12, 2013 at 11:49 AM, Shawn Singh <span dir="ltr">&lt;<a href="mailto:shawnsingh@chromium.org" target="_blank">shawnsingh@chromium.org</a>&gt;</span> wrote:<br>

<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div>Hi Marcin,</div><div><br></div><div>I wonder if you might accidentally have a &quot;perspective-origin&quot; set differently?  Or maybe there is something in your code where window size that affects how the transforms appear?  Maybe you can attach a reduced simple example of the difference you&#39;re seeing?   I just whipped up the following example, which renders almost exactly the same geometry on both Firefox and tip-of-tree Chromium.</div>


<div><div><br></div></div><div><div>&lt;body&gt;</div><div>  &lt;div style=&quot;-moz-transform: perspective(500px) rotateY(80deg);                                                                                                                                                                                                                        </div>


<div>              -webkit-transform: perspective(500px) rotateY(80deg);                                                                                                                                                                                                                     </div>


<div>              background-color: lime;                                                                                                                                                                                                                                                   </div>


<div>              width: 300px;                                                                                                                                                                                                                                                             </div>


<div>              height: 300px;&quot; &gt;</div><div>    HELLO WORLD</div><div>  &lt;/div&gt;</div><div>&lt;/body&gt;</div></div><div><br></div><div><br></div><div>Changing the rotateY to use 90deg makes the layer disappear for both Firefox and Chromium, too.</div>

<span class="HOEnZb"><font color="#888888">
<div><br></div><div>~Shawn</div><div><br></div><div><br></div></font></span></div><div class="HOEnZb"><div class="h5"><div class="gmail_extra"><br><br><div class="gmail_quote">On Tue, Feb 12, 2013 at 9:53 AM, Dana Jansens <span dir="ltr">&lt;<a href="mailto:danakj@chromium.org" target="_blank">danakj@chromium.org</a>&gt;</span> wrote:<br>


<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">+shawnsingh<div><div><br><br><div class="gmail_quote">On Tue, Feb 12, 2013 at 9:22 AM, Marcin Szamotulski <span dir="ltr">&lt;<a href="mailto:mszamot@gmail.com" target="_blank">mszamot@gmail.com</a>&gt;</span> wrote:<br>


<blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">

Dear WebKit-Dev,<br>
<br>
I found an interesting difference between implementation of css 3d<br>
transforms in Gecko (FireFox) and Chromium (WebKit).  In Gecko, the<br>
following css rule:<br>
<br>
tranform: perspective(500px) rotateY(90)<br>
<br>
rotates an element (let say an image) so that it is perpendicular to the<br>
viewer, i.e. it shows the side of the element - hence nothing is printed<br>
to the screen, since html elements have no depth.  While in WebKit based<br>
browsers (I have tested this in both Chromium and surf from <a href="http://suckles.org" target="_blank">suckles.org</a>)<br>
the elements is shown at an angle: both rotations (Gecko &amp; WebKit) have<br>
the same axis (the vertical screen directions).  Testing different<br>
angles I have found that I need to use rotateY(107deg), but this might<br>
depend on the perspective.   The reason for this is that WebKit and<br>
Gecko are computing 3d view in a different way.  The additional minor<br>
difference is that rotateY(30deg) in Gecko turns an element 30deg to the<br>
right while in WebKit it rotates to the left (with a different 3d view).<br>
The reason I found it is because I try to make an animation which turns<br>
a picture around 180deg showing a new picture on the other side, and<br>
I wanted to change the picture in the middle (90deg).  This works for<br>
Gecko but for WebKit I need to know how to compute the angle at which<br>
the element (image) is perpendicular to the view source (showing its<br>
side to the viewer).  Can somebody point me how the 3d rotationY with<br>
a given perspective is calculated so I can make the necessary<br>
converstion.<br>
<br>
Best regards,<br>
Marcin Szamotulski<br>
_______________________________________________<br>
webkit-dev mailing list<br>
<a href="mailto:webkit-dev@lists.webkit.org" target="_blank">webkit-dev@lists.webkit.org</a><br>
<a href="https://lists.webkit.org/mailman/listinfo/webkit-dev" target="_blank">https://lists.webkit.org/mailman/listinfo/webkit-dev</a><br>
</blockquote></div><br>
</div></div></blockquote></div><br></div>
</div></div><br>_______________________________________________<br>
webkit-dev mailing list<br>
<a href="mailto:webkit-dev@lists.webkit.org">webkit-dev@lists.webkit.org</a><br>
<a href="https://lists.webkit.org/mailman/listinfo/webkit-dev" target="_blank">https://lists.webkit.org/mailman/listinfo/webkit-dev</a><br>
<br></blockquote></div><br></div>