translate3d

0熱度

1回答

移動x軸上的圖像是否可行？如果我midify translate3d（-20px，...，...）它適用於我。但是，如果我縮放或拖動地圖它將被重置。例如，我有一個絕對容器，並希望顯示並行這2個元素。 My example: http://jsfiddle.net/user9090900/fs8h21ap/

0熱度

1回答

爲什麼css translate3d轉換表現爲相對定位元素？

在下面的小提琴中，<a>標記LOGO絕對位於layoutDiv div內，其-webkit-transform: translate3d(0,0,0); css通過'modern'類應用。 https://jsfiddle.net/gurumvg/ubj98j6d/4/ 雖然layoutDiv DIV不具有 '相對' 位置<a>標籤LOGO位於絕對w.r.t layoutDiv DIV代替BODY

2熱度

3回答

3D立方體臉部旋轉變換原點錯位

我有這個3D立方體： http://codepen.io/caemostajo/pen/yORNvx/ ，當點擊第二個按鈕時，前面和左邊的臉部打開。正如你所看到的左臉是錯位的，我不能把它放在它所屬的位置上，以保持它的打開動畫。它應該看起來像這樣：http://www.f-lohmueller.de/pov_tut/backgrnd/im/CubeMappingWrapping_1d_64.gif

6熱度

3回答

CSS 3動畫。 translate3d與矩陣

我一直在做需要平滑過渡和動畫的項目。我們最近幾乎100％的時間都從使用Javascript轉換爲CSS動畫。我發現使用translate3d在手機和桌面上都提供了非常流暢的動畫。我現在的動畫風格是這樣的： CSS： .animation-up{ transform: translate3d(0, -100%, 0); } .animation-down{ transf

-1熱度

1回答

背景圖像位置和CSS轉換

我在嘗試定位用CSS關鍵幀動畫的背景圖像時遇到問題。目前它是一個大的水平圖像，從左到右滑動然後回到左側。我希望它能讓觀衆感覺到他們正在觀看房間周圍的全景或旋轉。我的問題是它在大屏幕尺寸下效果很好，但在諸如1280x600之類的東西上，您只能看到天花板。有沒有辦法將它放置在中心或底部加載背景圖像，就像傳統背景圖像一樣？這裏是我的代碼爲背景圖像的樣本： .sliding-background {

1熱度

1回答

如果元素轉換爲3D ... addClass

我該如何編寫一個腳本來做到這一點？如果div類「test」有屬性translate3d (0px, 100px, 0px)添加到此「活動」類別刪除它。我想是這樣的，但是這是不對的...... setInterval(function(){ if($('.test').css('transform') == 'translate3d(0px, 100px, 0px)') {

2熱度

2回答

有沒有辦法在translate3d上懸停時發生一個平滑的動畫？

我有一個右側菜單（綠色）CSS佈局。菜單的主要部分默認隱藏在視口之外。將鼠標懸停在右側菜單上：短暫延遲後，菜單完全轉換爲視口（經過一段時間後）。在鼠標右鍵菜單上：菜單應該轉回到其初始位置（無延遲）。見本JsFiddle綠色菜單：嘗試徘徊綠色菜單下面是相關的CSS代碼： section#base-layer section#base-layer-contact-bar { pos

0熱度

1回答

CSS3上滾動

變換的3D背景畫面你好，我正在尋找在標題畫面的效果在這裏看到： http://www.gamebreaker.tv/news-main/david-lynch-leaving-twin-peaks-revival/ 如何使它任何提示嗎？或者有沒有準備好去解決這個問題？

1熱度

2回答

CSS - translate3d似乎沒有做任何事情？

我不明白這一點，它看起來像一個錯誤，但它通過幾個瀏覽器是一致的。所以這個錯誤必須在我自己的頭上。基本上，我已經有了一個圖像和一些文本塊。該塊內的標題由多個span元素組成，每個元素都包含在其中。我想淡入這些，不透明度爲0到1，並在懸停時將它們移動大約30個像素，並在每個跨度上略微延遲。這沒有問題。但由於某種原因，只有不透明才起作用，而不是translate3d。我有一個的jsfiddle來形

0熱度

1回答

使用z-index與translate3d分層

如何強制瀏覽器渲染<div class="child-above">高於<header>。在我的風格中，translate3d和z-index屬性之間存在衝突。從理論上講，只需從.wrapper-scroll刪除translate3d即可，但我不能，因爲它的屬性由我在網站上使用的Smooth Scrollbar設置。我嘗試了建議的解決方案here，但是我做錯了什麼，或者根本不起作用。如何將