c语言图片透明度混合,Less Mix混合两种颜色以及不透明度

描述

它用于混合两种颜色以及不透明度。 它有以下参数：color1：它代表一个颜色对象。

color2：它代表一个颜色对象。

weight：这是一个可选参数，通过在两种颜色之间提供百分比平衡点来指定元素的权重。

例子

下面的例子演示了在LESS文件中使用混合颜色操作：

Mix

Example of Mix Color Operation

Mixed color :
#b0897d

接下来，创建文件 style.less 。

style.less.myclass{

height:100px;

width:100px;

padding: 30px 0px 0px 25px;

background-color: mix(#b361b1, #acb148, 50%);

color:white;

}

您可以使用以下命令将style.less编译为style.css：lessc style.less style.css

接下来执行上面的命令，它将用下面的代码自动创建style.css文件：

style.css.myclass {

height: 100px;

width: 100px;

padding: 30px 0px 0px 25px;

background-color: #b0897d;

color: white;

}

输出

让我们执行以下步骤，看看上面的代码如何工作：将上面的html代码保存在mix.html文件中。

在浏览器中打开此HTML文件，将显示如下输出。