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，并使用与弹出窗口相反的变换，但没有任何工作。有没有人知道这个问题的解决办法？谢谢。