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

The animation-delay CSS property specifies the amount of time to wait from applying the animation to an element before beginning to perform the animation. The animation can start later, immediately from its beginning, or immediately and partway through the animation.

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

Single animation

normal : CSS.Internal.Property

The animation plays forwards each cycle. In other words, each time the animation cycles, the animation will reset to the beginning state and start over again. This is the default value.

reverse : CSS.Internal.Property

The animation plays backwards each cycle. In other words, each time the animation cycles, the animation will reset to the end state and start over again. Animation steps are performed backwards, and timing functions are also reversed. For example, an ease-in timing function becomes ease-out.

alternate : CSS.Internal.Property

The animation plays backwards each cycle. In other words, each time the animation cycles, the animation will reset to the end state and start over again. Animation steps are performed backwards, and timing functions are also reversed. For example, an ease-in timing function becomes ease-out.

alternateReverse : CSS.Internal.Property

The animation plays backwards each cycle. In other words, each time the animation cycles, the animation will reset to the end state and start over again. Animation steps are performed backwards, and timing functions are also reversed. For example, an ease-in timing function becomes ease-out.

Multiple animations

multiple : List.Nonempty.Nonempty Direction -> CSS.Internal.Property

Global values

inherit : CSS.Internal.Property

The inherit CSS keyword causes the element to take the computed value of the property from its parent element.

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

initial : CSS.Internal.Property

The initial CSS keyword applies the initial (or default) value of a property to an element.

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

revert : CSS.Internal.Property

The revert CSS keyword reverts the cascaded value of the property from its current value to the value the property would have had if no changes had been made by the current style origin to the current element.

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

revertLayer : CSS.Internal.Property

The revert-layer CSS keyword rolls back the value of a property in a cascade layer to the value of the property in a CSS rule matching the element in a previous cascade layer.

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

unset : CSS.Internal.Property

The unset CSS keyword resets a property to its inherited value if the property naturally inherits from its parent, and to its initial value if not.

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

Types


type Direction
    = Normal
    | Reverse
    | Alternate
    | AlternateReverse

directionToString : Direction -> String