css - translateX 和 translateY 在同一个元素上?

标签 css css-transforms

是否可以在同一元素上应用 CC 翻译 X 和 Y?

如果我尝试这样做,translateX 将被 translateY 覆盖:

.something { 
        transform: translateX(-50%);
        transform: translateY(-50%);
}

最佳答案

你可以这样做

transform:translate(-50%,-50%);

关于css - translateX 和 translateY 在同一个元素上?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29648494/

相关文章:

javascript - 如何将CSS代码放入javascript

css - 填充/边距问题

c# - HTML 到 PDF - iTextSharp 中的 CSS

css - 你知道在野外使用 CSS 3D 变换的任何例子吗?

html - 多个倾斜矩形

html - 同一行上的 Flex 图像,但每行 100%

css - 谷歌浏览器 - Flexbox + overflow-x :auto

html - 将元素向上滑动 100% 并将所有后续 sibling 向上滑动相同的量?

jQuery .rotate() 不起作用

javascript - 如何使用 javascript 获取我的 css 元素的最大宽度