CODEWITHSUNDEEP
animationcss3d
Viduthalai
Viduthalai

Reputation: 158

translate3d working properly in chrome but not in other browsers

Here is my demo: http://jsfiddle.net/Gf9Bn/5/

From my demo, it's working fine in chrome, but in firefox and other browsers its showing like a normal view. Guys if you know the spot, please shoot it out.

Upvotes: 1

Views: 4447

Answers (2)

Mircea
Mircea

Reputation: 11613

You have the perspective value wrong in Firefox: perspective(200) should be perspective(200px).

Even if W3C CSS 3D Transforms Module Level 3 specify none | as values, px is required in Firefox but is calculated as number.

Check this version: http://jsfiddle.net/Gf9Bn/20/

Upvotes: 2

GeckoTang
GeckoTang

Reputation: 2785

Read the compatibility tables for support of CSS3.

http://caniuse.com/#feat=transforms3d

Upvotes: 0

Related Questions