如何在不同的类上组合变换？

Question

我有两个类，每个类都有一个转换，如何组合它们？ 我知道我可以做到＆＃34;变换：transform1，transform＆＃34;，但在这种情况下，我将它们放在不同的clases中，第二个替换第一个。

我无法使用JavaScript。

谢谢！

添加示例：https://codepen.io/anon/pen/BmwrgY

＆＃13;

＆＃13;

.class1,
.class2 {
  width: 20px;
  height: 20px;
  background-color: blue;
}

.class1 {
  transform: rotate(45deg);
}

.class2 {
  transform: translate3d(50px, 50px, 0);
}

＆＃13;

<div class="class1"></div>

<div class="class2"></div>

<div class="class1 class2"></div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您必须为包含两个类的元素制定新规则

.class1 {
    transform: rotate(45deg);
}

.class2 {
    transform: translate3d(50px, 50px, 0);
}

.class1.class2 {
    transform: rotate(45deg) translate3d(50px, 50px, 0);
}