translate3d

    0熱度

    1回答

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

    0熱度

    1回答

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

    6熱度

    3回答

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

    -1熱度

    1回答

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

    1熱度

    1回答

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

    2熱度

    2回答

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

    0熱度

    1回答

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

    0熱度

    1回答

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

    1熱度

    2回答

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