+shawnsingh<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">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>