---
id: fast-animation.animategroup
title: AnimateGroup class
hide_title: true
---
<!-- Do not edit this file. It is automatically generated by API Documenter. -->

[@microsoft/fast-animation](./fast-animation.md) &gt; [AnimateGroup](./fast-animation.animategroup.md)

## AnimateGroup class

Groups [AnimateTo](./fast-animation.animateto.md) and [AnimateFrom](./fast-animation.animatefrom.md) instances, providing a single API to operate on all of them.

<b>Signature:</b>

```typescript
declare class AnimateGroup 
```

## Constructors

|  Constructor | Modifiers | Description |
|  --- | --- | --- |
|  [(constructor)(animations)](./fast-animation.animategroup._constructor_.md) |  | Constructs a new instance of the <code>AnimateGroup</code> class |

## Properties

|  Property | Modifiers | Type | Description |
|  --- | --- | --- | --- |
|  [cancel](./fast-animation.animategroup.cancel.md) |  | () =&gt; void | Cancels all animations in the group |
|  [finish](./fast-animation.animategroup.finish.md) |  | () =&gt; void | Finishes all animations in the group |
|  [onFinish](./fast-animation.animategroup.onfinish.md) |  | () =&gt; void | The onFinish callback. |
|  [pause](./fast-animation.animategroup.pause.md) |  | () =&gt; void | Pauses all animations in the group |

## Methods

|  Method | Modifiers | Description |
|  --- | --- | --- |
|  [play()](./fast-animation.animategroup.play.md) |  | Play the group of animations |
|  [reverse()](./fast-animation.animategroup.reverse.md) |  | Reverses all animations in the group |
