<分区>
标签 css
<分区>
在下面的CSS代码中，
@import "compass/css3";
.navigation a:hover {
background: darken(deepskyblue, 2%);
}
.navigation a {
text-align: center;
padding: 10px;
border-top: 1px solid rgba(255,255,255,0.3);
border-bottom: 1px solid rgba(0,0,0,0.1);
}
darken() 和 rgba() 显示类似函数的语法。
这些是函数还是预处理器宏？在运行这些功能之前是否需要先决条件安装？
注意:CSS 初学者
最佳答案
两者兼而有之
rgba() 是一个 native CSS3 function它采用以下参数:
rgba(<red>, <green>, <blue>, <alpha>)
但是，您看到的是 Sass ，一个提供 additional colour manipulation controls 的 CSS 预处理器. darken() 是一种 Sass 原生方法，它将根据输入颜色和变暗量(以百分比给出)返回十六进制代码颜色。
虽然 Sass 中的 rgba() 可以以与 native CSS 函数完全相同的方式工作，但它也可以处理十六进制颜色，例如:
rgba(#000, 0.5) // Compiles to rgba(0, 0, 0, 0.5)
在实践中，这是非常有用的，因为颜色通常以十六进制值的形式提供，并通过描述语义的变量抽象出来，例如:
.error-box {
background-color: rgba($color-error, 0.2);
color: darken($color-error, 10%);
}
样式选择的意图比它们在编译的 CSS 中更清晰。
关于css - 'darken( )' and ' rgba()', 这些函数是在css中吗？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32807829/