带有calc的CSS转换属性

时间:2015-02-19 19:30:19

标签: css css3 css-calc

我想对transform属性进行计算。 是否可以使用 calc 功能?

类似的东西:

 width: calc(100vw-2vw);

但是对于转换

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

(当然以上不起作用)

1 个答案:

答案 0 :(得分:2)

如果您尊重calc值之间的空格并使用了签名,则它会起作用: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>