I am using transform perspective(550px) rotateY(40deg)
on button hover and it works just fine on every single browser except for Firefox. I've already tried using border: 1px solid transparent
or outline: 1px solid transparent
with no visible effect. I have tested this on Windows 7 and 8, as well as on Ubuntu 12.04. Any help would be greatly appreciated.
Asked
Active
Viewed 1,134 times
1

Sumner Evans
- 8,951
- 5
- 30
- 47

moonsind
- 33
- 6
-
Can you add jsfiddle example of your problem? – xzegga Apr 30 '14 at 13:29
-
This looks like a duplicate of http://stackoverflow.com/questions/9235342/3d-css-transform-jagged-edges-in-firefox – RwwL Jun 05 '14 at 18:35
-
It does, doesn't it? The thing is using outline and/or border did not solve the problem for me. – moonsind Jun 06 '14 at 08:19
-
The difference between this situation and the other one is that I am using a rotate with perspective, instead of a transform3D. – moonsind Jun 06 '14 at 08:22