RGBA
前面的 3 个值是 RGB 色调值,最终1个值是全透明度的级別(0 = 全透明,1 = 不全透明)。
RGBA 能够运用于与色调的任何特性,如字体样式色调,边框色调,情况色调,黑影色调等。
Text Shadow
文本黑影的构造次序为:x 轴偏位,y 轴偏位,模糊不清,色调。
设定1个负值的 x 轴偏位将黑影迁移到左边。设定1个负值的 y 轴偏位转将黑影迁移到顶部。别忘了,你能够在黑影色调中运用 RGBA 值。
您还可以特定1个文字黑影目录(以逗号隔开)。下面的示例应用两个文字黑影申明制做了文本凸版实际效果(顶部 1px 和底部1px)。
text-shadow: 0 1px 0 #fff, 0 ⑴px 0 #000;
Border Radius
界限半径 (border radius) 的写法相近内边距 (padding) 和 外边距 (margin) 特性(比如:border-radius:20px)。为使访问器3D渲染界限半径特性,必须在特性名字再加前缀,Webkit 模块的访问器为 "-webkit-",Firefox 则为 "-moz-"。
您能够为每一个边角特定不一样的值。留意:Firefox 和 Webkit 的边角特性名字是不同样的。
Box Shadow
盒黑影的构造和 text-shadow 同样,x 轴偏位,y 轴偏位,模糊不清,色调。
一样,您能够设定1个以上的盒黑影。下面是3个盒黑影申明示例。
-moz-box-shadow: ⑵px ⑵px 0 #fff, 2px 2px 0 #bb9595, 2px 4px 15px rgba(0, 0, 0, .3);
英文原稿:The Basics of CSS3 | WebDesignWall