# Animatable.addKeyframes
Adds one or more keyframes to this property.

{/* Do not edit this file. It is automatically generated by API Documenter. */}

## Animatable.addKeyframes() method

Adds one or more keyframes to this property.

**Signature:**

```typescript
addKeyframes(keyframes: Array<KeyframeAdd<T>>): void;
```

## Parameters

<table>
  <thead>
    <tr>
      <th>
        Parameter
      </th>

      <th>
        Type
      </th>

      <th>
        Description
      </th>
    </tr>
  </thead>

  <tbody>
    <tr>
      <td>
        keyframes
      </td>

      <td>
        Array\<[KeyframeAdd](../../types/keyframe-add)\<T>>
      </td>

      <td>
        Array of keyframes to add
      </td>
    </tr>
  </tbody>
</table>

**Returns:**

void

## Example

```ts
// Add keyframes to layer position
layer.position.addKeyframes([
  { frame: 0, value: { x: 0, y: 0 } },
  { frame: 30, value: { x: 100, y: 200 } },
]);
```