Get to know MDN better
此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
动画元素放在形状元素的内部,用来定义一个元素的某个属性如何踩着时点改变。在指定持续时间里,属性从开始值变成结束值。
begin、dur、end、min、max、restart、repeatCount、repeatDur、fill
动画取值属性calcMode、values、keyTimes、keySplines、from、to、by
其他动画属性最主要的有:attributeName、additive、accumulate
动画事件属性该元素实现了 SVGAnimateElement 接口。
对于存在认知问题(如,患有注意缺陷多动障碍 (ADHD))的人来说,闪烁动画可能会引发一些问题。此外,某些动画可能会引起前庭相关疾病、癫痫、偏头痛和光敏综合征(Scotopic sensitivity)。
考虑提供一种暂停或禁用动画的机制,并配合使用偏好减少动画的媒体查询来为不喜欢动画的用户提供更舒适的体验。
| SVG Animations Level 2 # AnimateElement |
启用 JavaScript 以查看此浏览器兼容性表。