TransitStyle

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

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

Combinations

fadeSlideLeft : Float -> Transition -> Style

Combine fade and slideLeft with the specified offset

slideLeft : Float -> Transition -> Style

Slide left animation, with the specified offset

slideOutLeft : Float -> Float -> Style

Slide out to left

slideInLeft : Float -> Float -> Style

Slide in to left

fade : Transition -> Style

Fade animation

fadeOut : Float -> Style

Fade out

fadeIn : Float -> Style

Fade in

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

Compose an animation with exit and enter phases.

type alias Style =

List ( String, String )

Just an alias for elm-html style value