webkit-transform

4熱度

2回答

已解決 - 問題在於做一個旋轉會將元素的一半放在網頁的中性（零）Z軸後面，並且WebKit顯然不允許通過該「中性「飛機。所以改變旋轉點到面板的右/左邊緣解決了它。奇怪，但現在它工作。我有一個簡單的HTML5/CSS3頁面，有四個面板。這些面板使用-webkit-transform將它們形成一個很好的安排。 On：懸停，我使用-webkit-transform將面板置於前臺。代碼如下。發生什麼事

13熱度

3回答

如何獲取CSS3-3d轉換元素的屏幕位置？

我有一個建立在CSS3上的非常複雜的網站，它具有3D元素轉換，旋轉，翻轉，觸發和一般扭曲的html元素。我想弄清楚這些元素之一的屏幕上的位置，並沒有看到任何方式來這樣做。我想知道是否有人有任何巧妙的想法。另外，如果任何人都可以解釋-webkit-perspective背後的數學，我可以找出這個位置，因爲這是我不知道如何建模的唯一的事情。

1熱度

2回答

z in translate3d

任何人都可以解釋或指向一個例子，其中使用translate3d（webkit變換）中的「z」？我已經成功地使用translate3d(x,y,0)獲得硬件加速在移動Safari瀏覽器的二維動畫，但現在我想使用z參數規模，但它似乎沒有任何效果... elem.style.WebkitTransform = 'translate3d(100px,0,0)'; // this works as expe

3熱度

4回答

使用iScroll可防止在我的設備上顯示鍵盤

我正在使用iScroll提供iPhone樣式滾動。但是，當點擊文本框時，鍵盤不顯示。在試圖找到可能的原因時，我發現刪除iScroll腳本，使其工作正常，但在這種情況下，我錯過了滾動功能。這是iScroll中的錯誤。如果是的話，有沒有經過測試的解決方法？或者是否有任何替代iScroll？在此先感謝。

1熱度

3回答

Apple.com/iphone slideshow：它是如何工作的？

所以這是一個比實際問題更好的問題，所以請耐心等待。我剛剛簽出： http://www.apple.com/iphone/ 和覆蓋幻燈片只是看起來真的我印象深刻。我不想重現它，但我只是真的對這是如何工作感興趣。從我的檢查中，他們只是使用一堆定時webkit轉換/轉換，但我不知道到底發生了什麼。另外，是否有一種簡單的方法來創建此行爲而不對其進行硬編碼，因爲這就是我現在要做的。

2熱度

1回答

WebKit的轉換 - 爲什麼我的動畫立方體顯示出對雙方隱藏文本，並有雙方之間的差距？

我試圖做一個3D轉換/轉換，以便當一個鏈接點擊一個酒吧運行我的網站的長度旋轉顯示不同的選項。然而，它目前看起來非常不整潔，因爲立方體的每個面都有空隙，並且您可以看到立方體的每個面，而不管它是否不被查看（即，當它是動畫時，您可以看到文本，您應該能夠看，這也給了那家酒吧時，動畫生長在寬的印象。反正是有，我可以整理這件事？我已經可以找到一個小提琴here

0熱度

1回答

CSS3 -webkit-變換

當我使用 -webkit-transition: all 0.2s linear; -webkit-transform: rotateY(-50deg) translateZ(1px) scale(0.8); 的元素，只找到這個元素的一半可以點擊，誰可以幫我

5熱度

1回答

火狐瀏覽器的webkit-transform替代方案

Firefox上的-webkit-transform CSS規則還有其他選擇嗎？謝謝！