透過

Baseline 已廣泛支援

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2020 年 1 月⁩ 起,所有主流瀏覽器均已支援。

by 屬性指定將在動畫期間修改的屬性的相對偏移值。

屬性的起始值要麼透過在 attributeNamefrom 屬性中指定為該屬性的值來指示。

你可以將此屬性與以下 SVG 元素一起使用

示例

html
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <rect x="10" y="10" width="100" height="100">
    <animate attributeName="width" fill="freeze" by="50" dur="3s" />
  </rect>
</svg>

用法說明

請參閱下文
預設值 None
可動畫的

此屬性的確切值型別取決於將要被動畫的屬性的值。

當透過 values 屬性定義值列表時,by 屬性將被忽略。

規範

規範
SVG 動畫級別 2
# ByAttribute

瀏覽器相容性