All Questions
15
questions
0
votes
0
answers
36
views
transform scale produce different result in firefox
I have a very simple animation and this animation works fine in WebKit browsers(chrome, opera) but there is unusuall effect at the end of animation when I run code inside firefox(zoom effect).
when I ...
1
vote
1
answer
361
views
firefox transform scale makes the background disappear
I am trying to create a rather "complex" button (at least to my tastes), and I managed to make it work, until I tested it on firefox.
Here is my code.
<div class="got_a_background">
<li ...
15
votes
2
answers
2k
views
3D Transform z-index broken with firefox, preserve-3d not preserved
3D transform in Firefox seems to have issues with z-index. It seems to me that the rendering is "ignoring" the 3D Z position, and simply uses the z-index from DOM. Interesting enough, when the visible ...
2
votes
2
answers
122
views
Mouseover/hover bug using Rotate (endless rotation) in Firefox
I face such problem:
Mouseover on the right side, where the word heree is and you will get endless spinning (i use Firefox).
How to solve this?
button{
transition: 0.5s all;
transform:...
1
vote
0
answers
134
views
RotateX and RotateY at on hover do not work at firefox and IE. Alternatives
In these browsers:
Opera
Safari
Chrome
separate rotate works.
But in Firefox it rotate elements in 2 steps.
I wonder how I can replace this - maybe with rotate3d or matrix3d.
Currently I am using ...
-2
votes
2
answers
141
views
CSS transform ok in Chrome and Edge but ugly in Firefox
I am using CSS transformations to zoom in and out in the browser, but it looks ugly in Firefox even though it looks good in Chrome and Edge!
Firefox:
Edge:
Chrome:
What can I do?
2
votes
1
answer
51
views
Grainy button transform in firefox
I am trying to transform a button, but it is really grainy (During the transform) in firefox.
Can someone take a look, the code is below... and the js fiddle link is attached here https://jsfiddle....
1
vote
0
answers
80
views
Unexpected rendering (css transform) on Firefox
Please take a look at this pen...
http://codepen.io/anon/pen/EjeYNM
`<div class="main-wrap">
<div class="card-preview-cont">
<div class="envelope">
<div class="env-...
3
votes
0
answers
502
views
Firefox freezing with css transform
I am trying to make this animation http://codepen.io/mallendeo/pen/zxRwWx cross browser however it seems that firefox isn't accepting it for some reasons. It's freezing once the mouse is moving and ...
1
vote
0
answers
52
views
Strange behaviour in FF32 using CSS rotateY transformation with small values (JSfiddle)
I am planning to achieve a 3D-transformation of an HTML element (rotateY, to be exact) that is controlled by mouse movement using javascript. This results in tiny values that can be handled well by ...
8
votes
4
answers
17k
views
CSS Transform origin not working in firefox
I have a CSS question; transform-origin is not working in firefox. The site is centered on chrome and safari, but not on firefox.
html {
transform: scale(0.9);
transform-origin: center top;
}
My ...
1
vote
1
answer
2k
views
stutter/flicker in 3d transform for firefox
I came across THIS SITE today and the 3dtransform of the QR code was unbearable in FF.
I viewed the same site in Chrome and the animation was much smoother. I wanted to know what was going on so I ...
0
votes
1
answer
715
views
Transform creating wavy text in Firefox
Folks, I have text on a div that has transform: rotate(3deg). In Firefox, the text is rendered wavy. Removing the transform to the div fixes the waviness. Is there a way for me to have my cake and eat ...
0
votes
1
answer
526
views
Flash content loaded in IFRAME get disappeared while applying transform:scale css property in firefox
I have an iframe loaded with an html file with flash content inside, and i have to resize the iframe while browser window width changes. So i tried changing transform:scale() property on different ...
2
votes
1
answer
1k
views
Text "nudging" itself after css animation
I'm having trouble making my animation rotate smoothly. After the element finishes rotating, you can see the text "pop" slightly to the left. Depending on the font-size this may or may not happen, but ...