TransitStyle

Animations for elm-transit, to be used on elm-html style attribute.

div
  [ style (fadeSlide 100 model.transition) ]
  [ text "Some content" ]

Combinations

fadeSlide : Float -> Transition a -> Style

Combine fade and slideLeft with the specified offset

slide : Float -> Transition a -> Style

Slide animation, with the specified offset. Greater than 0 to right, lesser to left.

slideOut : Float -> Float -> Style

Slide out (exit) by translating on X for desired offset

slideIn : Float -> Float -> Style

Slide in (enter) by translating on X for desired offset

fade : Transition a -> Style

Fade animation

fadeOut : Float -> Style

Fade out (exit).

fadeIn : Float -> Style

Fade in (enter).

compose : (Float -> Style) -> (Float -> Style) -> Transition a -> Style

Compose an animation with exit and enter phases.

type alias Style =

List ( String, String )

Just an alias for elm-html style value