CSS 用计算变换属性

Question

我想对变换进行计算属性。是否可以为此使用 calc 功能？

类似于：

 width: calc(100vw-2vw);

但是对于变换

 transform: translate(calc(100vw-2vw));

（当然以上不是功能）

Answer 1

如果您在计算值和使用的符号之间尊重白色 space，它会起作用：transform: translate(calc(100vw - 2vw));

div {
  border:solid;
  float:right;
  height:20vw;
  width:20vw;
  transform:translate( calc(-100vw + 25vw) );
}

<div><p>Do not forget !<br/>use prefix if needed !!!</p><p>BTW, i float right</p></div>

CSS transform property with calc