Enabling Perspective CSS Transformation in Chrome?
When I use this C # board style (gray)
-webkit-transform: perspective(500px) rotateX(45deg);
-moz-transform: perspective(500px) rotateX(45deg);
What it looks at in Firefox: 
But in chrome: 
We need the one in Firefox. So what should we do to have the same look in chrome?
+3
Tangent chang
source
to share
1 answer
It is generally best placed perspective
on a containing element such as body
or a wrapper div
.
Demo: http://jsfiddle.net/amustill/Qh8YV/
body {
-webkit-perspective: 500px;
-moz-perspective: 500px;
}
div {
...
-webkit-transform: rotateX(45deg);
-moz-transform: rotateX(45deg);
}
+4
amustill
source
to share