webkit-perspective

0熱度

1回答

Three.js：疊加CSS渲染器在使用後期處理着色器時不起作用（EffectsComposer）

我有一個場景，其中有兩個渲染器，大小完全相同，並且彼此頂部共享相同的透視相機，如下所示： var renderer = new THREE.WebGLRenderer(); renderer.antialias = true; renderer.setClearColor(0xFFFFFF, 1); renderer.setSize(Params.win.w, Params.win.h);

1熱度

2回答

Safari瀏覽器透視變換截斷文字

所以我試圖在元素上添加透視變換，但它正在切斷Safari中的文本。如果您在Chrome中打開以下CodePen，它會正常顯示，但在Safari中，白色文本會被截斷。我搜查了其他問題，但似乎沒有解決我的問題。 -webkit-transform: perspective(26.08696em) rotateX(-30deg); http://codepen.io/anon/pen/aOaNNX

0熱度

2回答

如何計算轉換後的div的絕對位置

當您在div上使用transform時，絕對定位不再按預期工作，而且似乎需要手動計算。例如，當你希望你的div是在集裝箱你做的底部： div{ position:absolute; bottom:0%; } 但是，如果你改變這個div像-webkit-transform:rotateX(angle);它不會在容器的底部。取決於其大小，容器之間的某處位於容器之間。我創建的

1熱度

1回答

不能在Opera 12.16中使用css 3d變換

舊XP系統上的NVIDIA Quadro FX 1500圖形適配器相當陳舊，似乎不在受支持的Chrome硬件列表中;不過，我設法在Chrome上啓用3D變換，使用此：在地址欄，轉到chrome：//標誌/ 覆蓋軟件渲染列表 - >啓用現在我我正在尋找類似的技巧來在Opera 12.16上啓用3d css。測試使用此頁面完成：http://jsfiddle.net/amustill/Qh8YV

1熱度

1回答

錯誤與CSS -moz-perspective

我有一個透視屬性的錯誤.. 如果你在Chrome瀏覽器（v33）和Mozilla Firefox（v28）看到this JSFiddle code，我有他們之間的區別.. 我可以重現這個錯誤在Chrome上，如果我評論代碼： -webkit-perspective: 2500px; -moz-perspective: 2500px; perspective: 2500px; 我怎麼能在這兩

1熱度

1回答

css中3d元素的定位

我在定位div中的3d轉換元素時遇到了兩個問題。在下圖中，粉色方塊是10面「輪子」的容器。透視原點設置在每個div的中間。的第一個問題（左車輪）是所述車輪不豎直在div居中。我可以使用translateY人爲地將輪子向下移動，但翻譯的精確數量因設備而異（例如，與PC上的Chrome和Android上的Chrome不同）。爲什麼輪子不是垂直居中？第二個問題（右輪）是，如果我將輪子的高度設置爲1e

4熱度

3回答

-webkit-perspective背後的數學是什麼？

「簡單」的問題，我無法找到答案 - 是什麼-webkit-perspective實際上做數學？（我知道它具有的效果，它基本上像焦距控制一樣）例如-webkit-perspective: 500是什麼意思？！？我需要找到一個已經使用移動，除其他事項外的東西屏幕上的位置，-webkit-perspective