颜色、渐变和阴影Color, gradient and shadow

<< 点击显示目录 >>

主页  mappView帮助助手 > mapp View帮助信息 > 工程 > 主题和风格 >

颜色、渐变和阴影Color, gradient and shadow

本节解释了使用颜色、渐变和阴影时可能的一些功能。

颜色属性

颜色 "类型的属性可以按以下方式配置。

颜色定义

值(与CSS的语法相同)

Hex value

#FFFFFF

rgba value

rgba(100,100,100,1)

 

RGBa在RGB颜色模型(红-绿-蓝)中增加了一个alpha通道,指定颜色的不透明度。

"a "指的是不透明度:0=透明,1=不透明

Transparency

透明的

选择颜色的网站: www.w3schools.com/colors/colors_picker.asp

渐变属性

梯度 "类型的属性可按如下方式进行配置。

渐变定义

值(W3C的语法)

Hex value

线性渐变(到底部, #f0f9ff 0%,#cbebff 47%,#a1dbff 100%)

rgba value

线性渐变(到底部, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%)

创建渐变的网页: www.colorzilla.com/gradient-editor/

如果一个可样式的属性的样式有一个渐变的值(例如backGroundGradient),那么它将被优先于没有渐变的等效属性(例如backColor)。

阴影属性

阴影 "类型的属性可按以下方式进行配置。

阴影的定义

值(箱体阴影)

rgba value

7px 7px 5px 0px rgba(50, 50, 50, 0.75)

创建阴影的网页: css3gen.com/box-shadow