在线文档教程
SVG
属性 | Attributes

opacity

opacity

opacity属性指定了一个对象或一组对象的透明度,即元素背后的背景覆盖的程度。

作为一个表现属性,它也可以作为一个属性直接在一个CSS样式表,请参阅css opacity进一步的信息。

用法说明

分类呈现属性
<opacity-value> | 继承
动画
规范性文件SVG 1.1(第二版)

<opacity-value>跨整个对象应用统一的不透明度设置,如<编号>。任何超出范围0.0(完全透明)到1.0(完全不透明)的值将被限制在此范围内。

例子

SVG

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">   <circle cx="100" cy="100" r="100" /> </svg> <svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">   <circle cx="100" cy="100" r="100" opacity="0.25" /> </svg>

Result

元素

以下元素可以使用该opacity属性

  • Graphics elements »

  • <a>

  • <defs>

  • <glyph>

  • <g>

  • <marker>

  • <missing-glyph>

  • <pattern>

  • <svg>

  • <switch>

  • <symbol>