如何在CSS中应用多个转换？
使用CSS，如何应用多个transform？
示例：在下面，仅应用平移，而不应用旋转。
li:nth-child(2) {
transform: rotate(15deg);
transform: translate(-20px,0px);
}
问题答案：
您必须将它们放在这样的一行上：
li:nth-child(2) {
transform: rotate(15deg) translate(-20px,0px);
}
当您有多个转换指令时，将仅应用最后一个。就像其他任何CSS规则一样。
请记住，从右到左应用了 多行转换指令。
这：transform: scale(1,1.5) rotate(90deg);
和：transform: rotate(90deg) scale(1,1.5);
会 不会 产生同样的结果：
.orderOne, .orderTwo {
font-family: sans-serif;
font-size: 22px;
color: #000;
display: inline-block;
}
.orderOne {
transform: scale(1, 1.5) rotate(90deg);
}
.orderTwo {
transform: rotate(90deg) scale(1, 1.5);
}
<div class="orderOne">
A
</div>
<div class="orderTwo">
A
</div>
-
使用CSS，如何应用多个？ 示例：在下面，只应用平移，而不应用旋转。
-
问题内容： jQuery是否有任何语法方法来定义多个CSS属性，而无需像这样将所有内容都放在右边： 如果您有20条这样的代码，那么您将很难阅读，有什么解决方案吗？ 例如，通过jQuery API，jQuery可以理解并返回正确的值 和 请注意，对于DOM表示法，属性名称周围的引号是 可选的 ，但对于CSS表示法，由于名称中的连字符，因此 必须 使用引号。 问题答案： 即使您有1个或更多，也最好只使
-
问题内容： 我正在测试像Windows Metro风格的中心分隔线。如果您检查以下代码： 灰色框为70％，在屏幕上居中，这是正确的，但是当我将窗口加宽并且绿色分隔线在移动时，您会看到绿色框在某些点上没有居中。 我已经整天在搜索这个了 如何帮助我呢？ 问题答案： 我之前的答案显示了一种坦率地说已经过时的方法（它仍然有效，只有更好的方法可以实现此目的）。因此，我正在对其进行更新，以包括一个更现代的fl
-
问题内容： 我有一个包含两个类的元素，一个叫做“ rotate”，它将旋转元素360度，另一个叫做“ doublesize”，它将元素放大两倍于其正常大小： 我猜这是行不通的，因为这些类会覆盖彼此的属性？ 我知道我可以很容易地在一条CSS规则中做到这一点，例如： 但是我希望能够在可能的情况下分别应用每个类。 问题答案： 我猜这是行不通的，因为这些类会覆盖彼此的属性？ 正确。作为级联工作方式的副作用
-
在我的网站上，我有一个画廊，里面有我和我女朋友的一些照片，但是有两张照片是颠倒显示的。我不知道为什么。所有其他照片都是完美的。每张照片都是由同一个iPhone7拍摄的，但是前两张照片在网站上是颠倒的。在我的电脑上，它们显示得非常完美。 以下是网站：www.selinundleon。com/图库。有人能帮我解决这个问题吗？非常感谢你。
-
问题内容： 我正在开发一个本机android应用程序，其中尝试使用2个开源库。问题是两个库都在各自的库中使用应用程序类。他们正在使用application标签下的“ android：name”在清单文件的相应源代码中注册这些类。问题是如何处理这种情况，因为众所周知，清单文件中只能使用ONE标签。我们是否可以在代码中注册/实例化应用程序类，以便我们在标记中仅提及一个库，而在代码中/实用地提及第二个库