translate3d

0熱度

1回答

這是一個奇怪的問題！概述：我創建一個web應用程序，我已經創建了類似於你在Facebook的應用程序找到一個菜單。向右滑動即可顯示，向左並隱藏。我被一個touchstart事件綁定到頁面的主體，在這一點上，我記錄下手指按壓的起點，並綁定一個touchmove和touchend事件這樣做。觸摸移動事件通過設置translate3d（x，y，z）以匹配手指位置來查找當前手指位置並移動包含頁面內容

0熱度

1回答

CSS3變換：translate3d不會影響z軸？

我有這樣的片段實施： CSS div { position:absolute; -webkit-transition: all 0.3s ease-out; } .block { background:#fc0; /* YELLOW */ top:50px; left:50px; width:80px; height:4

2熱度

1回答

translate3d用css3動畫表現更好嗎？

我一直在尋找和花費很多時間在網絡上，以獲得流暢的動畫。當您使用translate3d 屬性設置像下面的元素屬性時，它會自動觸發硬件cpu加速是否正確？ .someclass { /*does it trigger hardware cpu acceleration*/ transform: translate3d(0,0,0); -webkit-transform

9熱度

1回答

translate3d vs css left/top和硬件加速

據我所知，當使用translate3d（）時，啓用iOS設備上的硬件加速。那麼爲什麼this test on jsperf顯示使用css left/top更快？

3熱度

2回答

什麼是使用透視和translateZ的元素比例公式？

我想做以下事情：給定一個透視容器和一個帶有translateZ值的內部元素我想用translateY「拉起它」以便在視覺上觸摸周圍容器的頂部：http://jsfiddle.net/8R4ym/129/ 有沒有某種公式，給定一個容器的透視值，元素的寬度和高度，它是Z-平移，我可以得到這種「最高」的計算？我一直在玩它，但我似乎無法找到一些規則，因爲看起來這些都是變數。感謝您的任何幫助。

0熱度

2回答

關於CSS3 translate3d閃爍，檢查很多答案，但似乎不吉利

首先，我在iOS上做一個html5 webapp，尤其是iPad.when touchmove時，div應該與我的手指一起移動，我用來改變左邊的值做出這種效果，但似乎不夠暢通，所以我用translate3d做到這一點，它似乎很大！然後，我只是發現了奇怪的閃爍happend，裏面還有幾個時間白色閃爍或閃光燈時，手指移動div.by的方式，一次移動之後，閃爍dispear。因此，我檢查了很多功能，

7熱度

1回答

iPad 2 Safari顯示pixellated html文本和圖像

我們正在爲iPad和iPhone開發HTML5 + CSS3應用程序。該應用在iPad上工作正常&所有iPhones，但是，iPad 2在啓動時顯示html dom對象pixellated，並保持這樣，有時總是，有時一會兒。應用程序是專爲觸摸和手勢。我們使用translate3D進行滾動對象的硬件加速。我們也在使用jQuery（v1.7），但我們設計的滾動條是純粹的javascript，沒有框

0熱度

1回答

Chrome 18 3d翻譯成績

剛剛在運行10.7.1的Mac上將Chrome的版本從17更新爲18.0.1025.142，它殺死了我們網站的性能。我們一直在使用translate3d，以便在屏幕上移動大量的項目。我使用requestAnimationFrame進行動畫處理。在17我們得到幀速率高達50fps。現在很幸運得到15fps。這真的很糟糕。硬件加速是否默認關閉？還有人發現了這樣的問題嗎？我注意到字體渲染已經得到改進，

52熱度

8回答

WebKit：CSS模糊文字+ translate3d

我發現Chrome和其他WebKit瀏覽器大量模糊了也應用了translate3d的任何CSS縮放內容。這是JS小提琴：http://jsfiddle.net/5f6Wg/。（Chrome瀏覽。） .test { -webkit-transform: translate3d(0px, 100px, 0px); } .testInner { /

2熱度

1回答

的Android Webkit的投入要素與越野車CSS3 translate3D

我在與一個Webkit的Android應用我開發的輸入元素一對夫婦的問題。測試的2.X，3.X卻似乎並不存在這些問題...... 該應用程序的工作原理是具有獨立事業部的每個「頁」，以及我使用CSS3 translate3D頁面之間進行動畫。其中一些頁面包含輸入元素。當我點擊輸入以獲得焦點時，我的任何「位置：固定」Div將從頂部移動約5px，並且左移5px。現在踢球者......它最終會自行修復，然