透過

Baseline 已廣泛支援

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

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

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

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

示例

html,
body,
svg {
  height: 100%;
}

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

瀏覽器相容性

幫助改進 MDN

瞭解如何貢獻

此頁面最後修改於 2025年3月18日，由 MDN contributors 貢獻。

在 GitHub 上檢視此頁面 • 報告此內容的錯誤