所以,我有一个这样的 div :
<div class="rotate-90"></div>
和 CSS:
.rotate-90
{
transform: rotate(90deg);
}
我想向这个div元素中再添加一个名为"scale-2"的class,代码如下:
```html ```<div class="rotate-90 scale-2"></div>
.scale-2
{
transform: scale(2);
}
但是当我尝试结合它们时,第二个类会覆盖第一个类,因此我只得到了一个缩放的div,而没有旋转。
那么,如何在不重复编写代码或组合类别代码的情况下结合变换呢?
谢谢 :)
class="rotate-90 scale-2"
- 那么为什么他/她不应该相应地正确地调整他们的CSS呢? - Sebastian G. Marinescutransform
来实现一个效果,要么为每种情况/组合正确地组合所有的transform效果。如果你的框架只有这两个效果,那么你可以尝试在scale-2
类中使用zoom: 2
。 - Sebastian G. Marinescu