transform 相关问题

协调和其他转换。您可能想要一个更具体的标签，如[css-transforms]。

出于某种原因，我正在测试计算着色器中变换顶点位置的新方法，但遇到了问题。我想要的只是将顶点（其 id 为 2）向上变换 1.0f，但是...

opengl buffer transform compute-shader uniform

回答 1 投票 0

我正在尝试为汉堡菜单制作动画。当我尝试更改 .burger-icon:before - 变换：translateX(20px) 中的 X 坐标时 - 它也会更改 Y 。谢谢！这是 HTML：我正在尝试为汉堡菜单制作动画。当我尝试更改 .burger-icon:before - transform: translateX(20px) 中的 X 坐标时，它也会更改 Y 坐标。谢谢！这是 HTML： <button class="menu-button" type="button" data-toggle="-menu" id="burger-button"> <span class="burger-icon"></span> </button> 这是我的CSS： .menu-button.is-active .burger-icon { transform: translateY(2px) rotate(135deg); } .menu-button.is-active .burger-icon:before { transform: translateX(20px) translateY(10px) rotate(-45deg); } .menu-button.is-active .burger-icon:after { transform: translateY(-19px) rotate(33deg); } 当我尝试更改 .burger-icon:before 中的 X 坐标时 - transform: translateX(20px) - 它也会更改 Y。您的意思是当您指定 only transform: translateY(10px) 时？嗯，当然可以。您仅在此处更改单个 CSS 属性的值 - 该属性是 transform。如果您没有为不同的变换函数指定显式值 - 那么它们将采用默认值。我想我没有明白这个问题。当我尝试更改 .burger-icon:before - 变换：translateX(20px) 中的 X 坐标时 - 它也会更改 Y 。在你的代码中你有： .burger-icon:before { transform: translateX(20px) **translateY(10px)** rotate(-45deg); } 你想说什么？如果您将该代码更改为： .burger-icon:before { transform: translateX(35px) translateY(10px) rotate(-45deg); } 算法的 y 坐标会改变吗？因为那会很奇怪。但如果您将其更改为： .burger-icon:before { transform: translateX(35px); } 这是正常的，因为您消除了 translateY 变换，因此它返回到默认值 (0)。我只是猜测：也许您正在尝试通过 JavaScript 更改转换的值，如下所示： element.style.transform = "translateX(35px)"; 在这种情况下，就好像您将变换属性值设置为“translateX(35px)”，所以我们的情况与上面解释的情况相同。我知道这个问题已经有几年了，但我想做类似的事情：更改 X 的翻译而不改变 Y 的翻译。因为如果你设置了transform:translateY(10px);然后在另一个CSS规则集下变换：translateX(35px);它将覆盖 Y 的翻译，并将其设置回 0。我想出了一个技巧来做到这一点，但是使用CSS变量。您可以做的是将翻译设置为两个变量的值，并根据需要更改变量的值。 #popup { --x:-50%; --y:-50%; transform:translate(var(--x), var(--y)); } #popup.top { --y:--100%; } #popup.bottom { --y:0; } #popup.left { --x:-100%; } #popup.right { --x:0; }

html css transform translate

回答 3 投票 0

如何使用pandas为groupby上的唯一值创建新列？

假设我有一个 pandas 数据框，例如，身份证号、日期、学校、姓名 1,2019-01-01,U,道格 1,2021-01-01,U,克里斯 1,2022-01-01,U,克里斯 1,2023-01-01,U,克里斯 1,2022-01-01,K,利亚姆 3,2024-01-01,M,南希 3,2024-01-01,M,是...

pandas group-by transform

回答 2 投票 0

在 groupby 和 get_group 之后更新 df 中的值

我有一个以下形式的数据框 df = pd.DataFrame({'dim_unit' :['m', 'cm', 'cm', 'm', 'ft', 'in'], '长度' : [1,2,3,4, 5,6], '宽度' : [5,6,7,8,9,10] }) 我正在尝试使用 groupby 对 b 进行分组...

pandas dataframe group-by merge transform

回答 1 投票 0

在 R 中转换数据集

我尝试使用 R 如下转换我的数据。我尝试了 tidyverse 但没有运气进入单个列。我有这样的情况，例如 Col2 对于 col1 最多有 50 条记录。

r dataset transform

回答 1 投票 0

如何在 CSS 中一个接一个地触发 2 个具有延迟的转换？

我正在制作一个带有 3 个栏的菜单按钮（有时称为汉堡包按钮），单击时会变成 X。我无法弄清楚如何在一个元素中触发 2 个变换而不触发它们...

html css button transform

回答 1 投票 0

如何在Jolt变换的if条件中添加for循环

我有以下输入 JSON，我想在 if 条件内添加 for 循环输入 [ { “运动的”： { “费用类型”：[ { "sport_fee_type": "