- This topic is empty.
December 23, 2012 at 11:02 pm #39608
Ok so a few weeks ago I got this working perfectly
-webkit-perspective-origin: 50% 0%;
The window div was rotated by 45 degrees and it had a perspective look to it. As in the top was pinched while the bottom was widened. I opened the same file again in Chrome and no matter what I did, the perspective effect never showed up. The same happened in Safari.
What am I doing wrong?December 23, 2012 at 11:39 pm #118787DustinWoodsMember
Does [this example](http://www.webkit.org/blog-files/3d-transforms/perspective-by-example.html) work on your browsers?December 24, 2012 at 9:09 am #118832December 24, 2012 at 9:13 am #118834December 24, 2012 at 9:16 am #118835
@chrisburton Do you think it could be a problem with Chrome and Safari? Because Firefox loads it perfectly fine.December 24, 2012 at 9:19 am #118836
It’s not working in webkit browsers because you have only specified the -moz- prefix. Add -webkit- as well.December 24, 2012 at 9:27 am #118839
@chrisburton Oh no, I just changed it to the -moz- prefix to test if it worked on Firefox, which it did. But when using the -webkit- prefix, it just flat out doesn’t show the perspective in Chrome nor Safari.December 24, 2012 at 9:36 am #118841
It works fine for me in Firefox, Chrome and Safari. What versions are you using?December 24, 2012 at 10:13 am #118844
Chrome: 23.0.1271.97 m
Safari: 5.1.7 (7534.57.2)
Firefox: 17.0.1December 24, 2012 at 10:14 am #118845
Screenshot the jsfiddle I posted using Chrome.December 24, 2012 at 10:19 am #118846December 24, 2012 at 10:33 am #118848
@TheInfection In the address bar in Chrome, type: chrome://gpu/
Screenshot that and show me.December 24, 2012 at 11:16 am #118852December 24, 2012 at 11:22 am #118854
@TheInfection Hardware acceleration isn’t support for 3D CSS rendering. That is why you don’t see it.December 24, 2012 at 11:25 am #118855
- The forum ‘CSS’ is closed to new topics and replies.