Transit.Style

Default animations for transitions, to be used on elm-html style attribute.

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

Compositions

fadeSlideLeft : Float -> WithTransition m -> Style

Combine fade and slideLeft with the specified offset

slideLeft : Float -> WithTransition m -> Style

Slide left transition, with the specified offset

slideOutLeft : Float -> Float -> Style

Slide out to left (exit)

slideInLeft : Float -> Float -> Style

Slide in to left (enter)

fade : WithTransition m -> Style

Fade transition (out -> in)

fadeOut : Float -> Style

Fade out (exit)

fadeIn : Float -> Style

Fade in (enter)

transition : (Float -> Style) -> (Float -> Style) -> WithTransition m -> Style

Create an exit -> enter transition

type alias Style =

List ( String, String )

Alias for elm-html style value