VOOZH about

URL: https://www.geeksforgeeks.org/html/svg-keypoints-attribute/

⇱ SVG keyPoints Attribute - GeeksforGeeks

  • Courses
  • Tutorials
  • Interview Prep

SVG keyPoints Attribute

Last Updated : 23 Jul, 2025

The keyPoints attribute specifies the duration of an animation. The elements that are using this attribute includes: <animate>, <animateColor>, <animateMotion>, <animateTransform>, and <set>.

Syntax:

keyPoints = [;<number>]*

Attribute Values: The keyPoints attribute accepts the values mentioned above and described below

  • [;<number>]*: It is a list of numbers between 0 and 1 separated by semi-colon.

Note: The default value for the attribute is none

Below Examples illustrates the use of keyPoints attribute.

Example 1:

Output:


Example 2:

Output:


Comment