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,回复「加群」,加入「英文技术翻译互助群」,我们加入一起充电英语 🔌
更多推荐
如何让var函数值变为负数
发布评论