<div class='type'>Function</div>


<a id='references'></a>


<h2 id="keyframes-init">keyframes</h2>

<div class='sourceset sourceset-common'>Common</div>


```kotlin
public fun <T> keyframes(init: KeyframesSpecConfig<T>.() -> Unit): KeyframesSpec<T>
```


Creates a `KeyframesSpec` animation, initialized with `init`. For example:


Keyframes can also be associated with a particular `Easing` function:


Values can be animated using arcs of quarter of an Ellipse with `KeyframesSpecConfig.using` and
`ArcMode`:


For a smooth, curvy animation across all the intervals in the keyframes, consider using
`keyframesWithSpline` instead.

#### Parameters

| | |
| --- | --- |
| init | Initialization function for the `KeyframesSpec` animation |