css-transforms

1熱度

2回答

我正在使用柔性佈局以呈現具有3個均勻大小的列的容器DIV。它正如我所期望的那樣工作，直到我應用一個縮放變換。當容器縮小時，內容框之間出現細縫。這個問題發生在MacOS Chrome和Safari上，但不是Firefox。我相信我看到了渲染錯誤，但是想知道是否有人可能有解決方法的想法。這裏有一個大大簡化例子演示了Chrome的問題： body { background: black;

2熱度

2回答

如何縮放多個div並留在容器內？

我正在構建一個網格UI，用戶應該能夠點擊單元格來縮放它們。所需的行爲：細胞應不向外擴展的容器和被裁切*。單元格可以重疊其他單元格（縮放時）。（只有一個單元需要一次縮放，這不是我們主要關心的問題）。 *左：惡意行爲（細胞O的部分數據丟失）。右：期望的行爲我的方法：很顯然，我可以transform: scale() translate()在同一時間，以達到期望的結果。您可以使用單元格N

2熱度

1回答

響應3D立方體 - 底部Y軸移動與視口調整

我試圖做一個響應長方體與深度，將與窗口調整。但是，不管我做什麼，我都無法正確地工作。當視口具有方形寬高比時，它只在Z軸上排列。我曾與頂側移動，當我不得不將其設置爲平移Y（-50vh）同樣的問題，但它開始表現如何我想，當我把它改爲-50vw（由於某種原因，我無法弄清楚）。我怎樣才能使底部響應，如頂部？ https://codepen.io/anon/pen/jwBQGR .scene {

0熱度

1回答

從右到左是搞亂像素定位？

如果我將我的html文檔設置爲dir=rtl，則所有絕對定位的元素按預期移動到右側，但翻譯很尷尬。我需要將這些元素移動到一個負值位置以正確居中。刪除rtl解決了這個問題，一切都保留了相同的笛卡爾起源。

1熱度

1回答

過渡的書是不是在火狐和微型邊緣工作 - 爲什麼，我該如何解決它？

在Firefox中，轉換和轉換似乎不能正常工作，我在-moz-前綴添加了所有內容，但它似乎對於使其更具功能性沒有任何影響。我有一本書在盤旋時打開，但在狐狸中，書不會一直打開，並在鼠標離開它之前關閉。書中沒有使用的轉換和轉換似乎正在起作用，它似乎是書中的問題。至於微軟的邊緣它的工作，但背景圖像，在abd之後，abd之後，pududo元素和div我沒有出現。書籍封面在微軟邊緣只是空白。有更多經驗的人是

0熱度

1回答

Javascript添加轉換爲嵌入式樣式

我有一個簡單的問題：如何通過JavaScript將轉換作爲嵌入式樣式添加？在過去的一個小時裏，我一直在努力解決這個問題，也一直在到處搜索，但沒有任何工作。這裏是我的代碼： HTML： <ul id="slider"> <li class="slide"></li> <li class="slide"></li> <li class="slide"></li>

2熱度

1回答

懸停並轉換div而不移動其他div

我想放大並顯示鼠標懸停在div上的一些額外信息。我正在使用引導網格，躺在鼠標houvering div下面的div是定位。我的代碼是在這裏： #each_p .product-section { max-width: 400px; margin: 20px auto; overflow:hidden; position: rela

1熱度

2回答

Chrome在應用不透明時將Z轉換元素展平

您知道chrome的原因是什麼嗎？有沒有補救辦法？ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> </head>

1熱度

1回答

垂直對齊旋轉的固定元件？

我正在使用position屬性來定位一個觸發左側菜單的按鈕，我也希望它位於y軸上的頁面中心，問題在於元素旋轉了-90deg並且在那裏現在是左側的空白。我不想把它定位髒左：-24px;或者其他的東西。是否有人知道爲什麼會有空白，如果是，我怎樣才能防止這種情況發生並解決我的問題？這裏是我的代碼，您也可以在我做了一個codepen： <div class="content-wrapper bg--se

0熱度

1回答

轉換Firefox和Dropdown屬性

我在使用css屬性轉換的彈出式容器中的表單存在問題：translate to center the popup。我有一個內部的選擇字段和下拉列表不隨內容的其餘部分移動。如果它沒有變換屬性，它們被放置在彈出窗口的位置。這隻發生在Firefox中。我已經嘗試在選擇字段和子元素中添加transform：none，並使用與彈出窗口相反的變換，但沒有任何工作。有沒有人知道這個問題的解決辦法？謝謝。