CSS perspective doesn't act in Firefox as in other browsers -


Actually the title says all this. I have this code:

  & lt; Html & gt; & Lt; Top & gt; & Lt; Style & gt; Body {-VBKit-Perspective: 500px; Perspective: 500px; } #mydiv {conversion: rotate (45 degrees); -webkit- Consequently: rotateY (45deg); -o-results: rotateY (45deg); Status: Completed; Left: 50%; Top: 50%; Width: 720px; Height: 360px; Margin: -180px 0px 0px -360px; Background color: # 000000; Color: #FFFFFF; } & Lt; / Style & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div id = "mydiv" & gt; This is my div & lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;   

Now it works fine in Chrome and IE. I have a problem with this in Firefox. The device has been rotated, but as it is not in Chrome and IE does anyone know the reason, and how is the problem resolved? Adding -moz-perspective does not work either.

Firefox appears as compared to other browsers in line top: 50% Different render rotation is processed in the same manner, but since the top line is visible in the FF, it seems that due to the removal of a top: 50% code from a different transformation FF 28 , IE 11, and Chrome 34 had the same presence.

Comments

Popular posts from this blog

Verilog Error: output or inout port "Q" must be connected to a structural net expression -

jasper reports - How to center align barcode using jasperreports and barcode4j -

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -