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

Values

pub fn at(
  percentage: Int,
  styles: List(@internal 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(@internal Style)) -> Keyframe

A starting offset of 0%.


MDN Reference

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

An ending offset of 100%.


MDN Reference

Search Document