sketch/css/keyframe

The @keyframes CSS at-rule controls the intermediate steps in a CSS animation sequence by defining styles for keyframes (or waypoints) along the animation sequence. This gives more control over the intermediate steps of the animation sequence than transitions.


MDN Reference

Types

A keyframe is a part of an @keyframes rule.


MDN Reference

pub opaque type Keyframe

Functions

pub fn at(percentage: Int, styles: List(Style)) -> Keyframe

A percentage of the time through the animation sequence at which the specified keyframe should occur.


MDN Reference

pub fn from(styles: List(Style)) -> Keyframe

A starting offset of 0%.


MDN Reference

pub fn to(styles: List(Style)) -> Keyframe

An ending offset of 100%.


MDN Reference

Search Document