decioferreira / elm-zen-css / CSS.Properties.Animation

The animation shorthand CSS property applies an animation between styles. It is a shorthand for animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, and animation-play-state.

Ref.: https://developer.mozilla.org/en-US/docs/Web/CSS/animation

animation : List.Nonempty.Nonempty SingleAnimation -> CSS.Internal.Property

Single Animation


type alias SingleAnimation =
{ delay : Maybe CSS.Types.Time.Time
, easingFunction : Maybe TimingFunction.EasingFunction
, duration : Maybe CSS.Types.Time.Time
, iterationCount : Maybe IterationCount
, direction : Maybe Direction
, fillMode : Maybe FillMode
, playState : Maybe PlayState
, name : Maybe Name 
}

defaultSingleAnimation : SingleAnimation