1. 首頁
  2. 問答
  3. Chrome CSS3 3D變形bug

Chrome CSS3 3D變形bug

2012-05-15 84 views
3

我已經得到了css在3d空間中的一個元素上做卡片翻轉。除了在頁面上下滾動時，您可以在Chrome中的某些位置隨機獲取頁面上顯示的白色元素，這非常適用。我在facebook標籤中附加了一個圖像作爲示例。在鍍鉻窗口，白色的「盒子」有時會掩蓋內容。當我註釋掉3d變換css時，這不會發生。這是一個小提琴（http://jsfiddle.net/derekaug/QSEvs/）的css，做3d的東西。不幸的是，我無法鏈接到實際的標籤，因爲它不公開。Chrome CSS3 3D變形bug

Example

來源

2012-05-15 derekaug

+0

我無法在Chrome 18/OSX 10.6.8複製的問題;說，可能是因爲'.entry'沒有寬度？嘗試在'.entry'類中添加'width：250px'？ –

+0

試過了，沒成功 – derekaug

+0

啊，不用擔心了。就像我說的，我自己無法解決問題，所以我只是抓着吸管！ –

回答

0

我之前有這樣的問題，並不是說這將是肯定的工作，但我怎麼固定它刪除時不被使用他們所有的元素轉換CSS屬性。

這是，只在應用動畫時應用轉換屬性。這意味着在您的示例中，爲每個動畫創建2個類，其中包含所有轉換屬性，刪除基類中的動畫。然後點擊應用適當的類，並在轉換結束後立即移除該類。還有是在分子發射的一個JavaScript回調時過渡結束，將讓你刪除類：

CSS3 transition events

來源

2012-05-15 13:26:33

+0

這適用於Chrome，但會在動畫啓動時導致整個頁面在Safari中閃爍。 – derekaug

+0

一步向後退一步......你有新的代碼小提琴嗎？如果沒有顯示代碼 –

+0

這個應用程序很快就會生效，我很難猜測，當我擁有該應用程序時，我會添加一個鏈接到主帖子。 – derekaug

相關問題

 相關問題