如何让var函数值变为负数

Hello, I am Pandy.

坚持输出优质博客，翻译高质量文章

如果你有任何问题的话，欢迎来公众号『Yopth』联系我

文章很多，我做了一个网站用于索引：『 https://yopth.github.io/ 』，觉得不错的话也可以到GitHub给个star哦

假设我们有一个变量--z-margin-left，需要把它变为负数，直接加符号操作符-var(-z-margin-left)不会得到结果，我们需要考虑用calc函数:

以谷歌浏览器为例，我们来去修改它的LOGO：

方法一：使用减法

我们定义一个变量,并且使用减法：

    --z-margin-left: 800px;
    margin-left: calc(0px - var(--z-margin-left));

效果如下:

方法二：使用乘法

乘法我们可以考虑让变量乘以-1：

    --z-margin-left: 800px;
    margin-left: calc(-1 * var(--z-margin-left));

同样可以达到我们想要的效果

我是 Pandy，一个喜欢英语的程序猿 👨‍💻

关注公众号 Yopth，回复「加群」，加入「英文技术翻译互助群」，我们加入一起充电英语 🔌