Clever Geek Handbook

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:
Click me to see the picture (Sorry that I am a new user.)

But in chrome:
Click me to see the picture

We need the one in Firefox. So what should we do to have the same look in chrome?

+3


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


source






More articles:


All Articles