html multiply属性,multiply

multiply

描述 (Description)

multiply函数乘以两种颜色。将对应RGB通道的两种颜色相乘，然后除以255以获得更暗的col。

参数 (Parameters)color1 - 一个颜色对象。

color2 - 一个颜色对象。

返回值 (Returns)

颜色

例子 (Example)

以下示例演示了在LESS文件中使用multiply函数 -

Multiply Function

(color1)
#ff6600

(color2)
#0000ff

(result)
#000000

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

style.less.color1 {

width: 100px;

height: 100px;

background-color: #ff6600;

}

.color2 {

width: 100px;

height: 100px;

background-color: #0000ff;

}

.res {

width: 100px;

height: 100px;

background-color: multiply(#ff6600, #0000ff);

}

p {

padding: 30px 0px 0px 25px;

color: white;

}

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

执行上面的命令，它将使用以下代码自动创建style.css文件 -

style.css.color1 {

width: 100px;

height: 100px;

background-color: #ff6600;

}

.color2 {

width: 100px;

height: 100px;

background-color: #0000ff;

}

.result {

width: 100px;

height: 100px;

background-color: #000000;

}

p {

padding: 30px 0px 0px 25px;

}

输出 (Output)

请按照以下步骤查看上述代码的工作原理 -将以上代码保存在color_blending_multiply.html文件中。

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

html multiply属性,multiply相关推荐

html multiply属性,乘除(Multiply Divide)
乘或除的输入属性.该工具可分成三个部分:两个输入属性.一个应用于两个输入属性的运算符.一个保存运算结果的输出属性.输入和输出属性表示 X.Y 和 Z.使用该节点与颜色或三元值属性相乘. 在" ...
html multiply属性,CSS中的合成与混合模式
如果你是一个设计师,你很可能已经遇到或者总有一天会遇到混合效果.混合在图形和印刷设计方面是使用最频繁的效果之一.你可以通过混合文字和纹理背景来给文字添加纹理,通过把图片混合营造出图片融合的错觉,并创造 ...
html multiply属性,NonCommutativeMultiply
文本 Wolfram Research (1988),NonCommutativeMultiply,Wolfram 语言函数,https://reference.wolfram.com/languag ...
UE4 Multiply
Multiply节点 Multiply表达式接受两个输入,将它们相乘,然后输出结果. Multiply只是个很简单的乘法节点,关键的是它可以接受颜色(Color)值,并且输出. 两个输入必须具有相同数 ...
css 计算属性的应用_如何使用一点CSS Grid魔术设计计算器应用
css 计算属性的应用 by Deepika Gunda 由Deepika Gunda 如何使用一点CSS Grid魔术设计计算器应用 (How to use a little CSS Grid ma ...
css mix-blend,CSS mix-blend-mode 属性 | 菜鸟教程
CSS mix-blend-mode 属性实例设置图片元素与父容器背景(黄色)进行混合,图片会变暗: .container{background-color:yellow;padding:15px ...
css mix-blend,CSS mix-blend-mode 属性
更多实例实例演示所有值: .normal {mix-blend-mode: normal;} .multiply {mix-blend-mode: multiply;} .screen {mix- ...
13,12_基本运算,add/minus/multiply/divide,矩阵相乘mm,matmul,pow/sqrt/rsqrt,exp/log近似值,统计属性,mean,sum,min,max
1.12.基本运算 1.12.1.add/minus/multiply/divide 1.12.2.矩阵相乘mm,matmul 1.12.3.pow/sqrt/rsqrt 1.12.4.exp/log ...
python学习框架图-从零搭建深度学习框架（二）用Python实现计算图和自动微分
我们在上一篇文章<从零搭建深度学习框架(一)用NumPy实现GAN>中用Python+NumPy实现了一个简单的GAN模型,并大致设想了一下深度学习框架需要实现的主要功能.其中,不确定性最 ...
Swift 3 新特性
原文:What's New in Swift 3? ,作者:Ben Morrow,译者:kmyhy Swift 3将于今年下半年推出,为Swift开发者们带来了很多核心代码的改变.如果你没有关注过 S ...

html multiply属性,multiply

Multiply Function

html multiply属性,multiply相关推荐

最新文章

热门文章