为什么css转换属性不是单独的css属性？

为什么决定将所有转换属性添加到一个css属性中

而不是：

.element {
    transform: translateX(50%) rotateZ(45deg) scale(0.8);
}

可以这样写：

.element {
    translate-x: 50%;
    rotate-z: 45deg;
    scale: 0.8;
}

为什么选择第一个变体？这和变换矩阵有关系吗？还是前缀

例如，在编写

媒体查询

时，需要复制整个

transform

属性（非干式），否则将覆盖该属性。创建转换、切换状态等时也会出现同样的问题。。。那真的很不舒服

---

欢迎对幕后发生的事情进行解释。

因为它不仅仅是一组属性，它是一个列表，在列表中按顺序应用变换，并且单个变换类型可以在列表中多次出现

例如，您可以：

div{
高度：100px；
宽度：100px；
}
.一{
背景色：红色；
转换：转换（50%，5%）比例（0.5）
旋转（45度）平移（50像素，10像素）
}
.二{
背景颜色：蓝色；
转换：比例（0.5）转换（50%，5%）
旋转（45度）平移（50像素，10像素）
}

第二种变体不存在。这完全是错误的。@pol我知道，我举了一个例子，说明如何使它更容易。CSS级别4有一个建议，使这些属性都是单独的。至于为什么他们从一开始就不是，你得问问W3C。