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
Post a Comment