andrewMacmurray / elm-simple-animation / Simple.Animation.Property

Animatable Properties specify what your animation should look like at each point in an animation.


type alias Property =
Internal.Animation.Property.Property

An animatable property.

Common Properties

These properties will give you smooth and performant animations.

opacity : Basics.Float -> Property

Animate the opacity of an element (a value between 0 and 1).

Transforms

Move, Rotate and resize elements.

rotate : Basics.Float -> Property

scale : Basics.Float -> Property

scaleXY : Basics.Float -> Basics.Float -> Property

y : Basics.Float -> Property

x : Basics.Float -> Property

xy : Basics.Float -> Basics.Float -> Property

Colors

color : String -> Property

backgroundColor : String -> Property

borderColor : String -> Property

Custom Property

Animate any CSS property:

P.property "stroke-dasharray" "10"

Take care with properties that are not hardware accelerated as they may result in janky animations.

property : String -> String -> Property