css3轉換rotate3d與Android上的視角不工作

我有一個Web應用程序，使用Android 4.1的Android瀏覽器上運行良好的3D轉換。但是，PhoneGap容器中的同一個應用程序導致擠壓和展開動畫，而不是透視3D旋轉。有沒有辦法讓它在PhoneGap中運行，或者它是否使用不能進行3D轉換的不同渲染引擎？css3轉換rotate3d與Android上的視角不工作

我使用

-webkit-perspective: 300;

父

和

-webkit-transform: rotate3d(0, 1, 0, -180deg); 
-webkit-transform-style: preserve-3d;

旋轉圖像上。

來源

2012-10-11 klimbimberle

據此，Android支持所有帶-webkit前綴的CSS3標籤 - > http://caniuse.com/css-animation – bluewhile

我對PhoneGap場景比較新，但是從我記憶中我記得的是，Android扼流器在3D轉換上，但這可能只是在通常用於PhoneGap實現的jQM中。我看到你更多地談論css，但是我想知道你遇到的麻煩以及jQM開發者遇到的問題可能會被鏈接。

JqueryMobile Transitions on PhoneGap Android

來源

2013-05-15 00:02:03

也許PhoneGap的作品，未經-webkit-前綴。

您應該始終考慮將您的代碼的前綴屬性包含在內，以備將來驗證。

來源

2014-03-04 19:12:14

perspective屬性需要一個長度值，所以它應該總是有單位。如果沒有給出單位，某些瀏覽器可能會將像素推斷爲單位，但您應該始終指定。還要注意，較大的視角值會導致不那麼戲劇化的視角效果。

此外，請確保在屬性的前綴版本中添加以及。這應該在前綴版本之後出現，並且，正如Tim Nguyen所說，隨着瀏覽器停止要求前綴，您的應用將面向未來。

順便說一句，transform-style: preserve-3d;應該給予他們的孩子在3d空間變換的元素，所以它在這裏並沒有真正做任何事情。

來源

2014-03-09 13:43:04

css3轉換rotate3d與Android上的視角不工作

回答

相關問題